HTML标签及页面布局

Posted 2022-01-13 大菠萝z

目录

HTML标签分类

页面布局及文字设计

标题

布局常用标签

文字样式设置

文字字形标签

---

html标签分类

单标签     例：<br>

双标签     例：<h1>字号</h1>

属性标签     例：<font color="red" size=2>

页面布局及文字设计

标题

<h1> 一级标题

<h2> 二级标题

<h3> 三级标题

<h4> 四级标题

<h5> 五级标题

<h6> 六级标题

<h1>到<h6>标题字号依次减小

布局常用标签

（1）段落标签<p>

段落由<p>开始，到</p>结束。（</p>可以省略，下一个<p>的开始就是上一个<p>的结束）

<p>标签中的属性

align属性：对齐方式，有center,left,right三种方式。

（2）换行标签<br>

在html语言规范中，当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于需要断行的地方，应加上<br>标签。

（3）水平线段<hr>

在页面上显示一条水平线，用来分割页面中的不同部分。

<hr>标签中的属性

①size：水平线的宽度。

②width：水平线的长，用占屏幕宽度的百分比或像素值来表示。

③align：水平线的对齐方式，有center,left,right三种方式。

④noshade：线段为实心线段，无阴影属性。

文字样式设置

font文字

font常用属性

①color：颜色属性

黑色的RGB (0,0,0)，颜色代码就是#000000；还有白色的RGB (255,255,255)，颜色代码就是#FFFFFF。

②size：大小属性

size属性的有效范围为1—7，其中缺省值（默认值）为3。可以在size属性值之前加上“+”、“-”字符，来指定相对于字号初始值的增量或减量。

 ③face：字体

face的属性值可以是本机的任一字体类型，只有对方的电脑中装有相同的字体才可以在浏览器中显示预先设计的风格。

文字字形标签

<B>  </B> 粗体

<I> </I> 斜体

<U> </U> 加下划线