HTML入门篇
网站就是一本书,而网页就是每一页纸。
html:超文本标记语言。
html文档就是网页
html的扩展名(后缀): .html .htm .tpl
一个最基本的网页
<!DOCTYPE html> <!-- 文档类型声明 -->
<html lang="en"> <!-- 网页主体 -->
<head> <!-- 头部 -->
<meta charset="UTF-8"><!-- 网页编码,让浏览器显示的中文不乱码 -->
<title></title> <!-- 网站标题 出现在浏览器最上面,你现在抬头看见最上面的“博客园”就是标题 -->
</head>
<body><!-- 网站的内容 -->
</body>
</html>
其中<!-- -->包裹的东西是注释
作用:1.便于后期维护,起解释说明的作用
特点:2.不被执行,相当于不存在
网站的内容中写具体大家看到的东西,但是其中有些字符不容易被显示,例如<> 这种字符会被认为是标签开头而出错
html字符:
1. <; 小于号<
2. >; 大于号> 和上面的组合成尖括号
3. &nbsb; 空格
4. &; 显示&
5. ©; 版权符合©
6. ®; 注册商标®
一些常用的标签
(1)<h1></h1>~<h6></h6>:标题字标签,下标越大,标题越小。
(2)<br />:换行标签
(3)<p></p>:段落标签
(4)<strong></strong>:表示强调,强调的效果是加粗,推荐使用<strong></strong>,<b></b>效果与strong效果相同
(5)<font></font>:字体标签,可以通过color,size属性设置字体颜色、大小
(6)<sub></sub>:字体下标标签
(7)<sup></sup>:字体上标标签
(8)<i></i>:倾斜字体标签,<em></em>:表示强调,强调的效果是倾斜,推荐使用i标签,如果文本单纯的需要倾斜效果,使用em
(9)<u></u>:下划线字体标签
(10)<del></del>:删除线标签
(11)<hr />:水平分割线标签
(12)<pre></pre>:原样输出标签,把文本中的换行、空格、tab键原样输出