HTML(HyperText Markup Language)
前言
HTML的简介、发展史：
万维网联盟（W3C）维护。包含HTML内容的文件最常用的扩展名是.html，但是像DOS这样的旧操作系统限制扩展名为最多3个字符，所以.htm扩展名也被使用。虽然现在使用的比较少一些了，但是.htm扩展名仍旧普遍被支持。
相关历程：
-
超文本标记语言(第一版) – 在1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准)
-
HTML 2.0 – 1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
-
HTML 3.2 – 1996年1月14日,W3C推荐标准
-
HTML 4.0 – 1997年12月18日,W3C推荐标准
-
HTML 4.01(微小改进) – 1999年12月24日,W3C推荐标准
-
ISO/IEC 15445:2000(“ISO HTML”)–2000年5月15日发布,基于严格的HTML4.01语法,是国际标准化组织和国际电工委员会的标准
-
XHTML 1.0 – 发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布
-
XHTML 1.1 – 于2001年5月31日发布
-
XHTML 2.0
- XHTML 1.0 – 发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布
-
XHTML – W3C工作草案
网站：
把所有的网站资源文件（HTML,CSS,JS,图片,视频等）整合到一起(的一个文件夹)
编程语言：解释型和编译型
解释型：HTML、PHP、Javascript，Python
编译型语言：C、C++、Java
WEB前端：HTML+CSS+JavaScript
HTML5:
HTML5+CSS3+Api+JavaScript
一 什么是HTML？
超文本标记语言
(1) 标签 也叫做 标记
(2) html是由标签/标记 和内容组成的
(3) 标签 是由 标签名称 和属性组成的
实例：
<人 肤色=“黄色” 眼镜=“很大”></人>
扩展：
使用协议为 http超文本传输协议
普通文本：文字内容
超文本：视频、音频、图片、文字…
二 HTML的主体标签
实例
<!DOCTYPE html> #H5的头 声明文档类型 为html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/TDT/xhtml1-strit.dtd"> #之前的头文件 现在不用
<html>
<head>
<title>标题内容</title>
<meta charset="UTF-8"> #设置字符集
</head>
<body>
放html的主体标签
</body>
</html>
html:文件是网页，浏览器加载网页，就可以浏览head:头部分，网页总体信息title:网页标题meta：网页主体信息，会根据name(author/description/keywords)或者httq-equiv(content-type/expires/refresh)属性的不同，而设置网页的不同属性link:引入外部文件和C#中的using异曲同工style：写入CSSscript：写入JS
body:身体部分，网页内容
三 HTML的标签
标签分为：单标签/单标记
如：<br /> /<br >
双标签/双标记
如: <p></p>
(1) 文本标签
-
<p></p>段落标签 自成一段 会将上下的文字 和它保持一定的距离 -
<br />单标记 自闭合 换行 -
<i></i> /<em></em>斜体/强调斜体 -
<b></b>/<strong></strong>加粗/强调加粗 -
<h1>-</h6>标题标签 字体加粗 自占一行注意： 建议一个页面h1只能出现一次
-
<sub></sub>/<sup></sup>下标/上标 -
<hr />水平分割线 -
<u></u>下划线 -
<del></del>删除线 -
<font size="1-7" color="颜色" face="字体"></font>设置字得大小 颜色 字体 -
<span></span>无意义得行级标签行级：可以和我们的内容在一行来显示 不能设置宽高
块级：自占一行 可以设置宽高
(2) 图片标签
<img /> 在网页中插入一张图片
属性：
src： 图片名及url地址 (必须属性)alt: 图片加载失败时的提示信息title：文字提示属性width：图片宽度height：图片高度border：边框线粗细
实例:
<img src="图片地址" title="文字提示" alt="图片加载失败显示得信息" width="宽" height="高" border="边框" />
注意：
如果宽和高 只给一个 那么为等比缩放 如果俩个都给 那么会按照 你所给的宽和高来显示
(3) 路径
- 相对路径
- ./ 当前
- . . / 上一级
- 绝对路径
- 一个固定得链接地址(如域名)
- 从根磁盘 一直到你的文件得路径
- file协议 打开本地磁盘文件得协议（试一下火狐）
(4) 超链接
-
<a href="链接地址" title="提示信息" target="打开方式">点击显示得内容</a>属性：
href必须，指的是链接跳转地址
target:
_blank新建窗口得形式来打开
_self本窗口来打开
_parent父窗口来打开
_top顶级窗口来打开
framename分帧名来打开title：文字提示属性（详情） -
锚点*- 定义锚点 <a id="锚点名称”></a> 现在使用id 以前使用得都是 name
- 使用锚点 <a href="#锚点名"></a>
(5) 列表
-
无序列表*
<ul> <li></li> </ul> <!-- 属性： type 显示得类型 square 方形显示 --> -
有序列表
<ol> <li></li> </ol> <!-- 属性 type i a A 1 start 起始值 --> -
自定义列表
<dl> <dt>列表头</dt> <dd>列表内容</dd> </dl>
(6) HTML注释
多行注释：
<!–注释的内容–>
