一、标签的结构。
1、双标签 :<标签></标签>
2、单标签:<标签>
二、基本标签。
<!DOCTYPE html> ------声明文档类型
<html lang="en"> ------网页的开始
<head> ------网页的头部
<meta charset="UTF-8">------UTF-8为通配字符集也可以换成GB2312(中文编码字符集);GBK(汉字编码字符集)等。
<title></title> ------网页的标题
</head> ------网页头部的结束
<body> ------网页的内容
</body>
</html> ------网页的结束
三、常用标签。
双标签:
<b>字体加粗</b> <strong>字体加粗</strong>
<i>斜体</i> <em>斜体</em>
<u>下划线</u>
<del>删除线</del>
<p>段落标签</p>用于每段文字开头和末尾
<pre></pre>原样输出想要输出的文字,在代码里是什么格式,输出后也是这个格式。
<span></span>标准的行内标签,用于修饰文本。
行内标签:只占内容的部分,不会自动换行,除非一行铺满才会换下一行。
<hn></hn>标题标签,决定文字的大小,n为数字,取值为1~6,数字越大,字体越小。
代码:
效果:
单标签:
<br>------换行标签,用于每段的最后,
<hr>水平分割线,可在里面加一些属性
例如:<hr width="800" size="10"> ------width表示分割线的长度,引号里的数字越大,长度越 长。
size表示分割线的宽度,引号里的数字越大,宽度越 宽。
<sup> ------表示上标
<sub> ------表示下标
代码:
效果:
块标签:align表示文字居左(right)、居右(lift)、还是居中(center)。
代码:
效果:
<font>表示字体,可向里添加属性:如:color表示文字的颜色,颜色的表示有两种:
1.可用英语单词表示:red(红色), green(绿色),blue(蓝色)等
2.可用三原色法表示:可通过查表RGB颜色查询对照表|RGB颜色|三原色配色表
如:#rrggbb 0~F #000000
例子:<font color="blue">字体</font>
效果: