一、HTML（Hyper Text Markup Language）
- HTML:超文本标记语言（可支持文本、图片、音频、视频、动画）
- HTML发展
1993 HTML
1999 HTML4
2013 HTML5(推荐，新增兼容功能) - W3C（万维网）
万维网联盟，html/css/js/jq.xml 技术标准机构
检测网页的规范
http://www.w3.org/
http://www.chinaw3c.org/
结构化标准语言(HTML)
表现标准语言
行为标准 - 网页的组成
结构 内容 HTML
格式 样式 CSS
行为 交互 JavaScript/JQuery - 网页的基本结构
<html>
<head>
<titile>标题<titile>
</head>
<body 属性=“属性值”>
网页的展示部分
</body>
</html> - 网页的语法规范
（1）标签成对出现，有开始和结束标签构成，内容放在其中间
<a 属性1=“属性值1” 属性2=“属性值2”>内容</a>
（2）空标签，只有开始标签，没有内容：<img src=""/>
（3）对大小写不敏感，img/IMG/Img
（4）双引号和单引号都代表字符，分开使用：<a style=“url(‘路径’)”></a>
（5）多个空格和回车符，只当成一个空格
（6）输入无效/无意义的标签名或者属性，不报错，但没有任何特殊格式只当成默认值:<a1 style=‘color:red2’></a1>
（7）标签分为 行级标签和块级标签
①块级标签：无论内容多少，一点另起一行，独占一行
<h1>-<h6> <p> <hr/>
②行级标签：宽度有内容确定，可以和其他行级标签放在一起
字体格式化 <i> <b> <del> <a> <img> - 浏览器与网页HTML文件的关系
（1）B/S系统 Web系统 Brower/Server 浏览器/服务器：C/S系统 Client/服务器
（2）服务器：拥有资源的外网（局域网）上的电脑
（3）客户端：一个浏览器就是一个客户端
（4）浏览器 ----> 通过URL请求资源（请求） --> 服务器
通过资源下载到浏览器(响应)
（5）浏览器通过下载的网页代码，一边解析一边运行（从上而下依次执行） - 浏览器常见问题
（1）浏览器兼容问题：同一个网页，不同浏览器打开效果不同（排版/功能）
（2）浏览器缓冲问题：静态资源（图片/视频）被访问过一次后，之后的访问都使用的缓冲文件。
①关闭浏览器，清空缓冲
②每次访问页面，都是重新请求（下载）资源
③在网页上设置，禁用缓存
二、常用标签
- 文本标签
1.1 <h1>~<h6> 标题 h1最大 h6最小
1.2 <p> 段落
1.3 <hr/> 水平分割线
1.4 <br/> 紧密换行符
1.5 文本格式化标签
<b> 加粗
<i> 斜体
<del> 删除体
<sup> 上标
<sub> 下标
<pre> 预定义列表
<dl> 定义列表
<dt></dt>
<dd></dd>
<ol> 有序列表
<li></li>
<ul> 无序列表
<li></li>
1.6 转义字符
小于符号< <
大于符号> >
空格符号
双引号 " "
版本号@© ©
注册商标® ®
& & - 图片标签
<img src=“图片路径” alt=“加载失败时的文字提示”
title=“鼠标悬停时的问题提示” width=“200px” height=“高度”>
px：图片像素 和客户的分辨率有关系，分辨率越大长度越小
src路径问题
（1）绝对路径：file:\D:\1.png（杜绝）新版浏览器不支持
（2）网络路径：http:\…gif（避免）
（3）相对路径：html文件与图片文件的相对位置关系
①./当前路径
②…/返回上级路径
③…/…/返回上一级的上一级
④…/返回根目录
⑤/项目名 - 超链接
<a href=“打开的文件路径” target=“打开新页面的方式”>文体内容</a>
target：
_self 当前页面（默认）
_blank 新窗口
_parent 父级
name 锚点名
# 将页面跳转（滚动条）到#的id/name位置
1003
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
