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. &lt; 小于号<
  2. &gt; 大于号> 和上面的组合成尖括号
  3. &nbsb; 空格
  4. &amp; 显示&
  5. &copy; 版权符合©
  6. &reg; 注册商标®

一些常用的标签

(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键原样输出

posted @ 2017-05-08 21:29  辰小七  阅读(129)  评论(0编辑  收藏  举报