《WEB前端全栈成长计划第一阶段》第三章——常用标签
一、标题
a) <h1>~<h6>标签用于定义标题，其中<h1>的重要性最高，<h6>的重要性最低。
b) <h1>标签通常用于最顶层的标题
c) 一个HTML文档中通常只有一个<h1>标题
二、段落
a) <p>标签用于定义段落，浏览器会自动在其前后创建一些空白
b) <p>中文字行数取决于浏览器窗口的宽度
c) <p>中的连续空格最终都将解析成一个空格
d) 如果需要在<p>中添加多个空格，使用” “，一个符号表示一个空格。需要几个放几个。
三、列表
a) 无序列表
i. 使用<ul>标签定义无序列表，<li>标签定义列表项。无序列表的含义是列表项内容没有先后顺序。
ii. 可以在<ul>标签上使用type属性定义图形符号的样式
1. disc：点
2. square：方块
3. circle：空心圆
b) 有序列表
i. 使用<ol>标签定义无序列表，<li>标签定义列表项，有序列表中的每一项有顺序含义。
ii. 有序列表的前缀通常为字母或数字。
c) 自定义列表
i. 使用<dl>标签定义自定义列表，内部可以有多个列表项。每个列表项用<dt>定义标题，用<dd>定义列表项。
ii. <dl>标签定义了自定义列表（definition list）
iii. <dl>标签用于结合<dt>（定义列表中的项目）和<dd>（描述列表中的项目）
四、链接
a) 链接：链接是HTML页面最重要的一环，如果没有链接，每个HTML页面将会孤独的存在，与其他页面将不会有联系
b) 链接标签：<a>标签是anchor的缩写。用于定义网页链接
c) 链接属性
i. href属性表示链接的地址，可以是相对地址或绝对地址
ii. target属性表示点击链接后打开的方式，默认值为“_self”代表在当前窗口打开新链接。除此以外，还可以设置成“_blank”，代表在新的窗口中打开。
iii. 若想统一设置打开方式，可以在头部<head></head>用<base target="">统一设置
五、图片
a) img标签用户预定义一张图片，属于单标签结构。它有两个属性src表示图片的地址，alt表示当前图片无法显示时的替代文本
b) 图片地址可以使用相对地址或绝对地址
c) alt属性不要省略，目的是为了更好地兼容无图浏览器，图片会提示成alt属性内的文字
d) 在img标签上，还可以通过增加height属性和width属性来设置图片的高度和宽度。
六、结构标签
a) div标签
i. div是division的含义，用来划分区域，代表网页中的块。所以一般把它叫做块标签
ii. div标签通常用于包围大块内容，它没有任何特殊的含义
iii. div适合作为最特殊的页面容器
iv. div是块级元素
b) span标签
i. span是内联标签，用在一行文本中，用来修饰文字
ii. span是内联元素
- 点赞
- 收藏
- 关注作者
评论（0）