HTML中的基本标签
HTML的标签大致可分为:文字格式化标签、图片标签、列表标签、文档语义化标签、段落标签和其他。
1.文字格式化标签:用于给文字添加样式
<b> 定义粗体文本 </b> 定义粗体文本
<big> 定义大号字体 </big> 定义大号文字
<em>定义着重文本</em> 定义着重文本
<i>定义斜体文本</i> 定义斜体文本
<small>定义小号字体</small> 定义小号字体
<strong>定义加重语气</strong> 定义加重语气
<sub>定义下标字</sub> 定义下标字
<sup>定义上标字</sup> 定义上标字
<ins>定义下划线</ins> 定义下划线
<del>定义删除字</del> 定义删除字
<mark>底部高亮</mark> 底部高亮
2.图片标签:用于在文档流中插入图片,或制作图片热区
插入图片:<img src="URL“ name="" alt="描述图片" weidht="" height="">
src用于导入图片链接
name是给<img>标签命名
alt用于当图片加载失败时,在对应位置上进行说明
weight、height只需要设置其中一项(宽或高),另一项将等比例缩放。
图片热区:在图片指定位置形成链接区域
<img src="" usemap="map名称">
<map name="map名称">
<area shape="形状" coords="坐标值" href="URL">
</map>
各属性取值:
| shape="" | react矩形 | circle圆形 | poly多边形 |
| coords="" | x1,y1,x2,y2 | x,y,r | X1,Y1,......,Xn,Yn |
| (X1,X2为左上角, (X2,Y2)为右下角 | (x,y)为圆心,r为半径 | 每个(X,Y)坐标对应多边形的顶点 |
3.列表标签:常用于制作导航
无序列表<ul> 有序列表<ol> 自定义列表<dl>
<li></li> <li></li> <dt>列表项</dt>
</ul> </ol> <dd>用于描述列表项</dd>
</dl>
列表的属性有 ul:type ol:type、start、reversed dl:无
其中type是改变列表项的样式,常用的属性值有:
ul: disc实心圆
circle空心圆
square实心方块
ol: decimal阿拉伯数字
lower-alpha小写英文字母
uppr-alpha大写英文字母
4.文档语义化标签:布局
<header></header> 页面头部
<nav></nav> 导航
<article></article> 正文内容
<section></section> 作用于同一主题下不同的文档部分
<aside></aside> 侧边栏
<footer></footer> 页面脚部
5.段落标签:
<p></p> 承载文字、段落等
<h1></h1>~<h6></h6> 承载标题
<hgroup></hgroup> 承载标题标签
<ruby> 拼音注解
漢 <rp>(</rp> <rt>han</rt> <rp>) </rp>
字 <rp>(</rp> <rt>zi</rt> <rp>) </rp>
</ruby>
6.其他
<div></div> 容器
<hr> 定义水平线
<address></address> 作者联系信息
<cite></cite> 定义引用
<code></code> 定义代码
<q></q> 定义短的引用

浙公网安备 33010602011771号