一分钟了解HTML 与 CSS（乐字节，乐字节java，乐字节架构）2

HTML 与 CSS（2）

如果你想成为一名优秀的java架构师，看这里 → 乐字节免费公开课（腾讯课堂）
如需要跟多资料请点击右侧 → 这是一条不归路，有秃头风险，请慎重选择！

主要内容

常用标签

​ HTML页面是由标签组成，不同的标签浏览器对其进行不同样式和内容的渲染 ，我们需要记忆常用的标签即可。大致可分为如下几类：标题、水平线、段落、换行、图片、表格、超链接、列表、表单、下拉列表、div 和 span等。

标题和水平线

标题

​

-

标签可定义标题，标题依次递减，由于 h 元素拥有确切的语义，因此请慎重地选择恰当的标签层级来构建文档的结构。请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。

​ 这样的标签不产生错误，但是不具有标题的效果。

​ h1标签可以为搜索引擎获取，便于页面在被搜索的时候检索到，但是一个页面最好只有一个h1标签，否则可能进入搜索引擎的黑名单。

<h1></h1>

水平线

​

---

标签在 HTML 页面中创建一条水平线（horizontal rule）可以在视觉上将文档分隔成各个部分。在 HTML 中，

---

标签没有结束标签。

<hr />

常用属性

属性	值	描述
align	CenterLeftright	规定 hr 元素的对齐方式，以后可以用样式取代它
size	pixels	规定 hr 元素的高度（厚度），后可以用样式取代它
width	Pixels%	规定 hr 元素的宽度，后可以用样式取代它

段落和换行

段落

​

标签定义段落。p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

​ 理解：语文课本中各个段落之间会有大的空隙。

<p></p>

常用属性

属性	值	描述
align	left、right、center、justify	规定段落中文本的对齐方式，以后可以用样式取代它

换行

​ br标签为换行符号，<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。

​ 注意：<br> 标签只是简单地开始新的一行，而当浏览器遇到

标签时，通常会在相邻的段落之间插入一些垂直的间距。请使用 <br> 来输入空行，而不是分割段落。

<br/>

列表

无序列表

由<ul></ul>和<li></li>标签组成。

<ul>
	<li></li>
	<li></li>
	......
</ul>

<ul>
	<li>好好学习</li>
	<li>天天向上</li>
</ul>

常用属性

属性	值	描述
type	disc circle square	规定列表的项目符号类型。可以使用样式取代。 dise：实心圆（默认） circle：空心圆 square：方块

有序列表

​ 由

和