定义：HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页
一、HTML发展
作为一种实用的超文本语言，HTML的历史早可以追溯到20世纪40年代。1945年，VannevarBush在一篇文章中阐述了文本和文本之间通过超级链接相互关联的思想，并在文中给出了一种能实现信息关联的计算机Memex的设计方案。TedNelson在1960年前后正式将这种信息关联技术命名为超文本(Hypertext)技术。1969年，IBM的CharlesGoldfarb发明了可用于描述超文本信息的GML(GeneralizedMarkupLanguage，通用标记语言)。1978-1986年，在ANSI等组织的努力下，GML语言进一步发展成为知名的SGML(StandardGeneralizedMarkupLanguage,标准通用标记语言)标准。当TimBerners-Lee和他的同事在1989年试图创建一个基于超文本的分布式应用系统时，TimBerners-Lee意识到，SGML是描述超文本信息的一个上佳方案，但美中不足的是，SGML过于复杂，不利于信息的传递和解析。于是，TimBerners-Lee对SGML做了大刀阔斧的简化和完善，创建了初的HTML，并用它在自己编写的图形化Web浏览器上看到了早的Web页面。
在20世纪90年代初，各个浏览器厂商支持的HTML标准各不相同，限制了HTML的发展和应用。此后W3C(WorldWideWebConsortium，万维网联盟)网络标准化组织联合主流浏览器开发商一同定义HTML标准。HTML1于1992年发布到Internet上，紧接着是HTML2、HTML3、HTML3.2、HTML4 和HTML5。目前市面主推的是HTML5
二、HTML 网页骨架
<!DOCTYPE html>
<html>
<head>
<mate charset="UTF-8">
<title></tilie>
</head>
<body></body>
</html>
1. < DOCUTYPE html > : 用来告诉浏览器当前的文档类型是html文件。
2. <Html> </Html> : 网页的根标签，它是最大的一个标签。<html>标志用于HTML文档的最前边，用来标识HTML文档的开始。而</html>标志恰恰相反，它放在HTML文档的最后边，用来标识HTML文档的结束，两个标志必须一块使用。
3. < Head > </Head>: 头部标签，<head>和</head>构成HTML文档的开头部分，在此标志对之间可以使用<title></title>等标志对。这些标志对都是用来描述HTML文档相关信息的，<head>和</head>标志对之间的内容是不会在浏览器的框内显示出来的，两个标志必须一块使用。它里面放置的内容一般是给浏览器和搜索引擎看的。
4. Meta: 这是一个可以重复使用的标签，最常见的用法就是用来设置字符编码和网页的提示信息。
5. <Title></Title>: 定义网页的标题，使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的主题。要将网页的主题显示到浏览器的顶部其实很简单，只要在<title></title>标志对之间加入需要显示的文本即可
6. <Body></Body>:是HTML文档的主体部分，在此标志对之间可包含<p>„„</p>、<h1>„„</h1>、<br>、<hr>等众多的标志。它们所定义的文本、图像等将会在浏览器的框内显示出来。
7. 三、HTML基本语法
1. 注释：在写代码的时候有一些内我们只希望在源码中出现而不用在界面上做展示。
2. 添加和删除注释都是 ctrl + ?【 英文输入法 】
3. 标签的分类： 单标签和双标签
<双标签名称></双标签名称>
<单标签名称 />
4. HTML在使用的时候允许标签之间可以嵌套使用，但是不能交叉。
5. 在 HTML 当中使用 实现空格
6. 在 HTML 当中使用 br 来实现换行。
常见的HTML标签
1. 标题标签
<h?></h?> ?表示从1到6
2. 段落标签
<p>双标签</p>
3. Div标签
<div>大盒子</div>
4. Span标签
<span>小盒子</span>
四、标签属性
<img src=”” />
注：
1. 一个标签的身上可以同时存在多个属性。
2. 属性名与属性值之间用单等号进行连接，属性值一般写在引号里，单引和双引都可以。
3. 在程序当中我们习惯性的将属性名=属性值这种结构称之为键值对，多个键值对之间用空格隔开。
常见的图片标签属性
<img src=”” />
注：
1. Src : 可以用来书写图片存的位置。
2. Alt: 设置图片的说明性文字，在当前图片不能正常加载的时候会显示这里的文字内容。
3. Title : 设置图片提示性文字，当鼠标悬停在图片上方的时候会显示出来
4. Width | height: 分别设置图片的宽和高，如果只设置其中的一个值，那么另外一边会按着原图的宽高比进行缩放显示。
5. Border: 设置当前边框的粗细。
学的还没有很全面以后再补 |
|
收藏
淘帖
踩
