[TOC] ## 一、HTML页面主体结构 ~~~ <html> <head> <!–- 对html文档进行诠释、定义、描述不会显示在文档当中--> </head> <body> <!-– 对页面内容进行排版、编辑、显示在页面当中,是html页面的主体--> </body> </html> ~~~ ## 二、HTML语法结构 ### 1、 HTML标签 >[danger]所有标签:http://www.w3school.com.cn/tags/index.asp **HTML 标记标签通常被称为 HTML 标签 (HTML tag)。** * HTML 标签是由尖括号包围的关键词,比如&lt;body&gt; * HTML 标签通常是成对出现的,比如 &lt;b&gt; 和 &lt;/b&gt; * 标签对中的第一个标签是开始标签,第二个标签是结束标签 * 开始和结束标签也被称为开放标签和闭合标签 >[danger]* 标记符结束中的标记元素用尖括号括起来,带斜杠的元素表示该标记结束,大多数标记符必须成对使用,以表示作用的起始和结束。 * 结束标记一定要以"/"结束,引号必须使用英文引号,标签之间不能交叉嵌套,例如&lt;strong&gt;学并思&lt;li&gt;&lt;/strong&gt;&lt;/li&gt;。 #### 标签特性 * 用两个尖括号括起来。 * 不区分大小写,但推荐采用小写 * 每个标签都是闭合的 * 同一标签可以同时拥有N个不同属性】 #### 标签类型 **对标签** * 包含起始标签和结束标签 * 内容写在对标签中间 * 属性写在起始标签尖括号内 * 例如&lt;a href='http://www.daniuit.com'&gt;学并思&lt;/a&gt; **单标签** * 只有一个由尖括号括的标签 * 属性直接写在标签尖括号内 * 例如&lt;img src='ad.jpg' alt='学并思' /&gt; ### 2、HTML属性 必须放在开始标签里面,属性可以为标签提供更多样化的特性。 ### 3、元素 开始和结束标签连同包含在他们之间内容,我们通常叫做元素 ## 三、HTML注释 注释其实就是对代码的解释说明,在代码书写过程中合理运用 注释是十分有必要的。浏览器不会解析注释。说白了,注释是给人看的,不是给浏览 器看的。在sulime Text 中,用`Ctrl+?`可快速的注释。 ~~~ <!-- 注释内容 --> ~~~ ## 四、常用头部标签的含义 ~~~ <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>标题标签</title> <meta name="keywords" content="关键词,多个关键词用英文逗号隔开"/> <meta name="description" content="本篇网页的概述"/> </head> ~~~ **例子解释** `<meta http-equiv="Content-Type" content="text/html;charset=编码">` 编码设置 `<title>`标题标签,显示在浏览器标签中。 `<keywords>` 关键词,多个关键词用英文逗号隔开。 `<description>` 本篇网页的概述,一段话,对 网站的进一步描述。 ## 五、常见字体标签 ~~~ <h1>标题字(最大)</h1> <h6>标题字(最小)</h6> <strong>粗体字</strong> <em>斜体字</em> <span>无意义的文字标签 </span> <u>添加下划线</u> <i>斜体</i> <b>加油<b> ~~~ >[success]<h1>标题字(最大)</h1><h6>标题字(最小)</h6><strong>粗体字</strong><br><em>斜体字</em><br><span>无意义的文字标签 </span><br><u>添加下划线</u> <br><i>斜体</i> <br><b>加粗<b> * * * * * >[danger]**作业:**建一个完整的html文档,并且把常用的字体标签练习几遍。