HTML
网页是组成一个网站的最基本的元素，一个网站做的好不好，就要看网页是如何编写的？
互联网上的信息，都是以网页的形式来给大家进行呈现的，所以网页实际上就是我们一个网站，或者网络信息传递的载体。网页文件使用一种特殊的标记语言所写的，这个标记语言的名称：HTML(超文本标记语言 Hyper Text Markup language)
Html的概念：
HTML是一种标记语言，不是编程语言，主要作用用于描述超文本内容显示方式。
Html的发展历史：
1993年的6月，HTML诞生
95年11月，HTML2.0诞生
96年1月14 HTML3.2诞生 （W3C(万维网联盟)推荐标准）
97年12月18 HTML4.0
2008年1月 HTML5.0诞生
HTML是一种标记语言，这种标记语言直接经过浏览器进行编译和解释，HTML虽然它本身的代码无法在浏览器中显示，但是浏览器可以正确的显示HTML中标记的内容。HTML从1.0发展到现在的5.0，可以说是经过了非常大的变化，最开始的1.0版本顶多支持文本，但是现在5.0支持的内容就非常的多了，比如：文本，图片，视频，音频，甚至一些其他的多媒体的东西……
HTML5.0支持的新内容有：
1、新增更多的语义话的标记，使文档结构更加清晰，明确
2、推出了新的文档对象模型（DOM）
3、支持多媒体软件直接播放
4、离线存储
5、文档编辑
6、支持拖放
7、MIME类型和协议注册
……
当然对于上述的新功能，浏览器是关键（不是所有的浏览器都支持HTML5.0），支持HTML5.0的浏览器将会正确的解析HTML的标签内容，而不支持的浏览器将自动忽略HTML5.0的代码
HTML不是一种编程语言，它只是一种具备描述性的标记语言，主要用于描述超文本中的内容和结构。
HTML中最基本的语法：<标记>文本内容</标记> 标记符通常来说都是成对出现，有开始标记，也有结束标记。结束标记的写法，在开始标记的基础上加上一个"/"。
比如：在HTML中，我们可以使用
标记符来定义一个段落，使用定义一个换行符，当浏览器读到 ，它会将该标记中组成的内容自动认为是一个段落。当遇到
，浏览器会自动换行。
HTML文件的基本结构：
一个完整的HTML文件应该包含以下内容：标题，段落，列表，表格，文本，绘制的图形以及其他的可插入到文件中的各种嵌入对象（视频，音频……）
一个HTML文件，最基本的结构如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
标记语言代码也是文本形式存在的，HTML文件的扩展名：.html .htm 既然标记代码也是文本，那么HTML文件就可以使用普通文本工具直接编写，比如：记事本 当然最好是使用编辑工具（webstrom,dreamweaver……）
HTML中单标记和双标记：
所谓的单标记，就是没有结束标记的标记。双标记，就是有开始，有结束的标记。
HTML单标记的格式：<标记/> 常见的单标记有：br,hr,img,input,link,param,source,base,area,command,keygen,track……
双标记中，也有一部分可以省略结束标记，比如：
- ,,,,,dt,dd,p,tr,td,th
-
HTML中还有一些可以完全省略的标记，这些标记虽然省略了，但是不代表它不存在，比如：,,,
WEB标准（W3C）
随着互联网行业不断的发展，WEB技术可以说现在是整个行业的主流技术，然而随之欲来的各种类型，以及各种版本的浏览器也越来越多，但是各大浏览器对HTML等网页技术的各自支持，又各有差异，这个时候，网页兼容就非常令人郁闷了。为了解决这种问题，W3C和一些其他的标准化机构就制定了一系列的规范。
WEB标准规范的内容：
WEB标准，是一系列标准的集合，它认为网页主要应该由三个部分的内容组成：结构，表现，行为
W3C也就针对这3个部分制定了各自对应的标准，结构化标准语言：
XHTML(可扩展超文本标记语言),XML（可扩展标记语言）,HTML（超文本标记语言）
表现标准语言：
CSS（cascading style sheets）层叠样式表
行为化标准：
DOM（Document Object Model 文档对象模型），根据W3C规范，DOM是一种浏览器，平台，语言的接口，使用程序员可以访问HTML页面中的各种标记组件
ECMAScript(ECMA 制定脚本语言标准的组织结构)，ECMAScript就是一套由ECMA这个结构制定的脚本标准。目前该标准被JavaScript和JScript所遵从。
HTML基本标记
HTML文件中，最基本的组成元素，结构有：文档类型说明，HTML，文档开始标记，元信息，文档主体标记 和页面注释元素
文档类型说明
作用：主要用来指定HTML元素，需要遵循HTML哪个版本。
比如：HTML4之前
而在HTML5之后，已经做了极大的改善：
DOCTYPE文档类型的声明，出现在HTML文件的第一行
HTML标记
标记代表文档的开始，这个标签省略，但是为了更加符合WEB标准，以及增加代码的可阅读性，建议不要省略HTML标记用开始，使用结束，文档的所有内容，都必须要包含在该标签中
文档开始标记
头标记，由开始，由结束，头标记中内容非常的多，头标记的作用说明头部的一些相关信息，一般包含以下内容：标题，元信息，定义css样式和脚本代码等内容。头部信息的内容，往往都不会在网页上直接显示
标题
标题标记，该标记的作用：说明这篇文件的作用，它不会显示在浏览器的内部，而是显示在浏览器的标题栏中 元信息
标记，用来定义与网页相关的一些元信息，比如：为了让百度，谷歌等搜索引擎方便采集本网页的一些关键字 标记，位于HTML文件的头部，不包含任何内容。但是它很多的属性，比如：charset,content,http-equiv,name定义关键字时，需要遵循：
1、不同的关键字之间，需要使用英文逗号隔开
2、keywords 不是keyword
3、关键字是单词，而不是语句meta 还可以对这篇文件，进行详细描述
meta 还可以自动刷新本页面，以及间隔时间跳转到某一张页面上去
网页的主体标记body:
需要显示的浏览器网页模块的内容，都必须要定义在body中， 标签，可以说是HTML文件中，最为重要的一块内容。
主体标记 以开始，以结尾
注意：在构建HTML文件时，请不要将标记交叉使用，否则将会出现一些莫名其妙的错误
能够出现在主体标记中的内容有：
1、注释
HTML中注释格式：
2、文本信息
文本信息，可以分为2大类：普通文本，一些特殊字符文本
普通文本：汉字，英文或者在键盘上我们可以输出的字符。
特殊字符文本： 特殊字符文本以&开头，使用；结束。例如：大小括号……
在HTML中，特殊字符文本有：半大角的空白 一个代表半个汉字空
全角大的空白 一个代表一个汉字空
不断行的空白格 一个代表一个汉字空间
> 大于符号
< 小于符号
≥ 大于等于符号
≤ 小于等于符号
& &
" "
© © 版权符号
® ® 注册商标
× 代表乘号
÷ 代表除号在文档中，经常会出现一些比较重要的文本：加粗，倾斜，上标，下标
在HTML中，使用 和 都可以完成文本内容的加粗,
和 都可以完成文本的倾斜,
上述的标记进行重点标记。
P标签，为段落标签 ，它的作用在于给页面文本，进行段落分配。
sup为上标标签，sub为下标标签
sup 可以X的N次方 sub可以H2O,把2向下
在浏览器中，浏览器在显示网页时，完全采用HTML标记来进行解释的，会自动忽略多余的空格以及空行！在HTML文件中，无论你输入多少空格，都只能识别1个空格。在HTML中如果需要换行，请使用
,如果需要添加空格，请你输入
用于定义文本分割线--
主要是用来定义文本内容标题的主题标记，
级别最高，
级别最低，HTML中，作为标题来讲，每个标题的重要性有大有小，所以它认为
所定义的标题最重要，其他的依次递减如果HTML中，需要对文件或者图片进行排序的，我们可以使用无序列表
-
，有序列表
- 两种方案
<ul> <li>JAVA</li> <li>c系语言 <ul> <li>c++</li> <li>java</li> </ul> </li> <li>c++</li> <li>c<sup>#</sup></li> <li>php</li> <li>.net</li> </ul>上述代码是无序列表的写法，下面的代码既是有序列表的写法：
<!-- 有序列表 Ordered List --> <ol> <li>JAVA</li> <li>c系语言 <ol> <li>c++</li> <li>java</li> </ol> </li> <li>c++</li> <li>c<sup>#</sup></li> <li>php</li> <li>.net</li> </ol>网页中图片
HTML中，除了可以添加文字之外，还可以添加图片，当然添加图片，需要使用标记是，在浏览器，可以支持的图片格式，非常的多：GIF,JPEG,BMP,PNG,TIFF
支持最多的是GIF,JPEGGIF格式最多只能使用256色的图像，图片大小都非常的小，下载速度比较快，帧数比较低 它是采用多张低帧数图片组合完成动画效果。JPEG图片格式，是目前互联网上最受欢迎的图片格式，JPEG可支持16M颜色，它展现的效果非常高清，但是它也支持压缩，但是它的压缩，是以牺牲图片的质量为代价的，压缩比例越高，图片越模糊。
HTML在使用图片时，我们不是直接把图片存入到HTML中，而是在HTML中使用某些属性，指向图片所在目录位置
定位一个资源文件的路径，有两种方式：1、绝对路径，2、相对路径
1、绝对路径，是以盘符为参照点，来进行寻址
<img src="d:/HTML/imgs/1.jpg" alt="比较性感的尤物！" width="300px" height="50px"/>2、相对路径，是以当前文件来作为参照点，进行寻址
<img src="../../imgs/2.jpg" alt="比较老的女人！">推荐大家，使用相对路径
address标签：
该标签的作用：就是用来定义网站联系人的相关信息
联系人：xx
联系方式：1239876123
个人网站：xx的个人网站 -
，有序列表
扫一扫
5238
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
