一、常用标签
(一)单标签:
1.meta标签:对网页进行描述以及设置网页的关键词。
2.图片标签img:描述图片。
相对路径:指相对位置,具有层级关系,层层转换。
绝对路径:地址名。
<img src="图片路径" alt="描述图片" />
3.换行标签br:设置段落间的换行。
4.水平线标签hr:分隔内容,使页面更美观。
(二)双标签:
1.标题标签title:设置网页的标题。
2.段落标签p:设置段落内容。
3.div标签:为HTML文档内大块(block-level)的内容提供结构和背景的块级元素。
div标签和p标签的区别:div标签是一种结构标签,没有间距,而p标签是一种文章标签,有间距,具有margin-top和margin-bottom属性。
4.span标签:行内元素,没有任何的属性。
div标签和span标签的区别:div标签是一个块级元素,独占一行。span标签是一个行内元素,内容有多宽就占用多宽。
5.加粗标签:strong,b
6.标题标签h1-h6:用来设置文本标题,从一级标题到六级标题,标题逐渐减小,一般只用到前三级标题。
7.下划线标签:ins
8.删除标签:del
9.超链接标签a:跳转页面。target=_blank在新标签页中打开网页,target=_self在原网页中打开网页。
<a href="跳转地址" title="设置鼠标悬停内容" target="_blank"></a>
(三)转义字符
- <:小于号
- >:大于号
-  :空格
- ©:版权符号©(输入版权符号:按住alt键,数字小键盘区输入1,6,9)
(四)列表
1.无序列表ul和li标签
<ul>
<li>早起</li>
<li>吃饭</li>
<li>睡觉</li>
</ul>
2.有序列表ol和li标签
<ol>
<li>早起</li>
<li>吃饭</li>
<li>睡觉</li>
</ol>
3.自定义列表:dl自定义列表,dt自定义列表项,dd自定义列表项的描述。
<dl>
<dt>平常的一天</dt>
<dd>早起运动</dd>
<dd>中午吃饭</dd>
<dd>晚上睡觉</dd>
</dl>