HTML基础 · 学并思Web应用程序

[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 标签是由尖括号包围的关键词，比如<body> * HTML 标签通常是成对出现的，比如 <b> 和 </b> * 标签对中的第一个标签是开始标签，第二个标签是结束标签 * 开始和结束标签也被称为开放标签和闭合标签 >[danger]* 标记符结束中的标记元素用尖括号括起来，带斜杠的元素表示该标记结束，大多数标记符必须成对使用，以表示作用的起始和结束。 * 结束标记一定要以"/"结束，引号必须使用英文引号，标签之间不能交叉嵌套，例如<strong>学并思<li></strong></li>。 #### 标签特性 * 用两个尖括号括起来。 * 不区分大小写，但推荐采用小写 * 每个标签都是闭合的 * 同一标签可以同时拥有N个不同属性】 #### 标签类型 **对标签** * 包含起始标签和结束标签 * 内容写在对标签中间 * 属性写在起始标签尖括号内 * 例如<a href='http://www.daniuit.com'>学并思</a> **单标签** * 只有一个由尖括号括的标签 * 属性直接写在标签尖括号内 * 例如<img src='ad.jpg' alt='学并思' /> ### 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文档，并且把常用的字体标签练习几遍。