当前位置首页 > 编程> 正文

简单理解HTML之文档基础

10-24 591 编程

创建标准HTML文档

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
网页显示的内容
</body>
</html>

文档基本结构说明

<!DOCTYPE html> 声明文档类型，告诉浏览器这是一个html文档，用什么标准来解析这个页面。这一行是为下面的代码服务的，必须要放在第一行。

<html>html文档从这里开始;</html>文档到这里结束

<head></head>文档头部，相当于人的思想，这里的内容在浏览器窗口中不可见。

<title></title>表示在浏览器标题栏显示的内容，即标题。

<body></boy>文档主体部分，相对于人的肉体。这两个标签所包含的内容在可以浏览器窗口中显示。

双标签、单标签

标签也叫标记，由一对尖括号包含单词构成的，如<html></html>

双标签又叫对标签，由开始标签和结束标签组成，成双成对的出现，可以包含内容，结束标签在单词前有"/"。例如：<html></html>

单标签，只有开始标签，没有结束标签。单标签在开始标签中结束，通常应该在单标签的>前加"/"表示结束。通常，我们都将/省略了。单标签的功能需求由其属性来实现。

代码注释

注释就是对代码的说明，方便后续修改查看。暂时不需要在浏览器解析的内容，建议使用注释。在实际编写中，建议养成良好的注释习惯。但你在为公司写代码时，就不建议了哈。注释是给人看的，不是给浏览器看。浏览器会自动忽视注释。

注释的书写：

注意：注释中不能再有注释。

元素、元素内容、元素属性

元素：从开始标签到结束标签中的所有代码(内容)。单标签中的所有代码同样也是元素。

元素内容：从开始标签到结束标签中的内容（不包括标签）。单标签没有元素内容。

元素属性：属性是帮助标签完善功能，是写在开始标签中，和标签名之间有空格。属性名="属性值"。不能用中文输入法输入引号。

元素属性的通用属性，用用于几乎所有标签的属性。特殊属性，只能在一些标签中使用的属性，也就是不通用属性。

代码书写规范

html5是非常宽松的代码规范。其标签、属性不区分大小写，甚至混合大小写。在html5中甚至可以不用关闭标签，但不推荐这种写法。

默认的书写要求：

1.所有的html代码全部使用小写

2.所有标签都要正常关闭，包括单标签

3.所有代码必须在英文半角状态输入，不能使用中文输入或全角状态等输入

4.<!DOCTYPE html>必须写在最前面，此代码前不能出现其他代码。

其他：

内联框架

标签嵌套

块级元素：常见的有div ,所有的布局元素，h1~h6，p，ul，li等

行级元素：常见的有a span strong b i sub sup

行内块级元素：常见的有img input video audio..

嵌套关系

块级元素可以嵌套块级元素、行级元素、行内块级元素；行级元素不能嵌套块级元素，如果一定要嵌套，需要把行级元素转为块级元素再嵌套；行内块级元素一般只能嵌套行级元素；h1~h6不能嵌套块级元素

网页编码及乱码处理

网页编码是指网页中特定的字符编码，常用的字符编码是UTF-8，也就是常说的万国码，几乎支持所有的语言。推荐使用的编码。GBK（GBK2312）是汉字内码扩展，兼容gb2312，中文编码。

网页需要正确设置编码，才能在浏览器中正常显示。网页的编码分为头部设置的编码和网页本身的编码。当网页出现乱码时，将两部分的编码设置为一致即可。

图像地图

图像地图就是把图像分成很多区块，其中每一个区块都是一个超链接

使用DW来做图像地图

管振佐曾经使用的一些学习技巧和方法

1.使用频率高的标签和属性，熟练掌握

2.使用频率低，或有固定功能的标签，仅作了解

3.基本不用，或已废弃的标签和属性，不用学习

4.通过标签分类，将需要重点学的标签，缩减到30个以内

5.练习才是王道

版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议，转载请保留链接: https://www.guanzhenzuo.com/programming/9.html