<!DOCTYPE HTML><!-- !DOCTYPE声明必须放在html文档第一行,但!DOCTYPE声明不是html标签 -->
<html>
<head></head>
<body>
</body>
</html>
语法:<标签名></标签名>
如:
<html></html>
规范:
* 1.<和>括起来
* 2.成对出现,开始标签和结束标签,结束标签比开始标签多个/
* 3.单标签:没有结束标签<hr/> <br/>
当网页显示出现乱码时,在head标签里添加
<head>
<meta charset="utf-8"><!-- 注意:常用utf-8、GB2312、gbk等编码 -->
</head>
标题标签:<h1></h1>~<h6></h6>
段落标签:<p></p>
文字斜体:<i></i>、<em></em>
加粗:<b></b>、<strong></strong>
下标:<sub></sub>
上标:<sup></sup>
align对齐属性值:
值 | 描述 |
left | 左对齐 |
right | 右对齐 |
center | 居中对齐 |
justify | 对行进行伸展,这样每行都可以有相等的长度 |
小于号:<
大于号:>
已注册:®
版权:©
商标:™
空白:
无序列表
<ul type="square">
<li>列表项</li>
<li>列表项</li>
</ul>
使用type设置属性样式:
disc:默认,圆点
square:方块
circle:空心圆
有序列表
<ol type="a">
<li>列表项</li>
<li>列表项</li>
</ol>
使用type设置列表样式:
1:数字1,2
a:小写字母a,b
A:大写字母A,B
i:小写罗马数字i
I:大写罗马数字I
定义列表
<dl>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
</dl>
<img src-="" alt="" />
属性 | 值 | 描述 |
src | url | 图像地址 |
alt | 文字 | 图像替代文本 |
height | 数字和百分比 | 图像的高 |
width | 数字和百分比 | 图像的宽 |
<a href="" >内容</a>
属性 | 描述 |
href | 链接地址 |
target | 链接的目标窗口_self、_blank、 _top、 _parent |
title | 链接提示文字 |
name | 锚 |
定义锚(同一页面)
<a href="#锚1">点击这里,跳转到内容1</a>
<a href="#锚2">点击这里,跳转到内容2</a>
<a href="..." name="锚1">内容1</a>
<a href="..." name="锚2">内容2</a>
定义锚(不同页面)
网页1:<a href="网页2#锚1" >点击这里,跳转到网页2的内容1处</a>
网页2:<a href="..." name="锚1">内容1</a>
<a href="mailto:邮件地址">内容反馈</a>
原文:https://www.cnblogs.com/csj2018/p/12842413.html