2.4.html基本知识 · HTML+CSS学习笔记

html网页是由html标签按一定的规则构成的文件。 ## 2.4.1.html标准（html规范）如上所述，html网页是由html标签按一定的规则组织起来的文件。这个规则就是html语法规则，是我们需要遵循的标准（规范）。谁制定的html标准？ w3c组织——一个非营利组织。 w3c组织制定了非常多的互联网技术标准（规范）。谁领导w3c？ Tim Berners-Lee，蒂姆·伯纳斯-李——互联网之父。 ![](https://img.kancloud.cn/50/62/506254c434953eae35886f88b35e0a41_522x278.png) ## 2.4.2.html标签 html标签，就是用尖括号（“<”和”>”）括起来的一种特殊的代码形式。标签也叫“元素”，“标记”，具有某些特定的含义和作用以及外观表现。举例： ``` , <h1></h1>, ``` 标签基本形式： ``` <标签名属性名1=“属性值1” 属性名2=“属性值2” …> <标签名属性名1=“属性值1” 属性名2=“属性值2” …>内容</标签名> ``` 说明： 1，标签名是一个“单词”（有的单词可能只有一个字母）。 2，属性名也是一个“单词”，表示对该标签的进一步“修饰”（设定）。 3，有的标签没有“内容部分”，则后面的结尾标签部分不用写——这种称为“单标签”。 ——绝大多数标签都是“双标签”，只有很少几个是单标签。 4，不同的标签有不同的属性，不同的属性有不同的含义（或作用）。 5，有的属性可以出现在所有标签上——叫做通用属性。 ## 2.4.3.html注释注释的含义：就是不作为有效代码的内容，目的主要是给“人”看，帮助人们记录和理解代码的解释性文字。各种语言都有自己的注释语法形式。ｈｔｍｌ代码的注释语法如下所示： ```  ``` ![](https://img.kancloud.cn/63/59/63596b425f2feae4ceaa9ea4bcabaf3e_477x228.png) ## 2.4.4.html标签分类 2.4.4.1.按标签形式分按标签形式，html标签可以分为双标签和单标签。双标签：形式： <标签名属性.... >标签中的内容</标签名> 单标签：形式： <标签名属性.... > 或： <标签名属性.... /> 单标签比较少，只有几个，比如：br，hr，input，img，link 2.4.4.2.按标签功能分按标签的功能，人们通常将标签分为以下几类：文字标签：i, u, sub, sup, s, font 结构标签：html, head, title, body, div, span, br, hr, h1~h6, pre, blockquote 连接标签：a， link 图像标签：img 列表标签：ul， ol， li， dl， dt，dd 表格标签：table， tr， td， th， caption， thead， tbody， tfoot 表单标签：form， input， select， option， textarea，button，其他： meta， style， script， ## 2.4.5.手册推荐： HTML5参考手册，HTML4参考手册，W3C手册 ## 2.4.6.html网页代码基本结构（主要结构） ``` 3. <!doctype html> <html> <head> <title>设置网页标题</title> </head> <body> 网页主体 </body> </html> ``` 注意： ``` 1. 以后在制作网页的时候，必须按照这个结构写 2. 在整个编程阶段。遇到特殊符号（,;:...""）必须是英文输入法下的符号。 ``` 我们的主要工作就是：在body中，写各种标签，及相关内容，以展示出适当视觉效果和功能的网页内容。 ## 2.4.7.html标签间关系 * 嵌套关系：就是一个标签内，再放其他标签。比如： ``` <a href=”http://www.baidu.com” > go to baidu </a> ``` * 并列关系： ``` 这是段落1 这是段落2 ``` 错误写法： ``` 段落1 <a href=”http://www.baidu.com” > go to baidu </a> ```