文档介绍：HTML
主讲: 王春梅
以下笔记均为我本人亲自整理, 若有描述不对或代码错误, 请同学们立即更改一下, 重新上传上去, 谢谢!
1、 HTML 概述
a、 什么是 HTML: 超文本标识语言, 是一个纯文本用于编写网页标识语言, 由浏览器解释运行
b、 web浏览器: 提交请求, 显示页面
主流浏览器: FireFox/IE/Chrome/Safix
c、 基础语法
标识: 双标识<tr></tr>、 单标识 <a />
属性: 定义在开始标识里, 用空格隔开
单标识（空标识）: <br> <br />
注释: html文本: <!—注释内容--> CSS文本: /*注释内容*/
d、 HTML 文档标准结构
版本信息: 严格、 过渡、 框架
<html>
<head> 用于为页面定义全局信息, 全部头元素容器
<mata >常见属性: http-equiv 、 content;
http-equiv常见值: refresh自动刷新; content-type: 应用环境
content常见值: “数据 100”(对应refresh); text/html: html文本
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="refresh" content="300" />
charset应用环境 编码: 值 UTF-8
</head>
<body></body>
</html>
e、 <head>文档头元素:
<title>标题元素(出现浏览器顶部)</tutle>
<meta>元数据元素</meta>: 用于定于网页基础信息
2、 文本
a、 一般文本和特殊字符:空格折叠, 特殊字符使用转义字符
&nbsp;空格 &lt;左尖号< &gt; 右尖号> &copy; 小圈内一个C
b、 标题标识: <h1>--<h6>
c、 段落标识: <p></p>---较大行间距 常见属性: align=”左中右”
d、 换行: <br />---回车
e、 分组元素: 本身没有外观, 统一设置
<div></div>: 独占一行--适适用于对于块级元素分组, 设置同一行文字内不一样格式
<p>分区元素
<span style=”color:red;”>
</span></p>
<span></span>: 不会影响原有布局---适适用于行内元素分组
f、 块级元素: 独占一行标识, 比如h1、 p、 div ;
行内元素: 和其它元素在同一行, 比如 span、 a ;
3、 图像和链接 <img src="d:/" />
绝对路径 <img src="http://ss/" />
相对路径 <img src="images/" />
常见属性: src 路径; width: 图像宽度; height: 图像高度
超级链接: <a href="URL或锚点" target="">被点击内容</a>
target属性: 设置页面在何处打开
_self: 默认值 _blank: 新空白
怎样为图像添加链接？<a><img /></a>
怎样实现同一个页面不一样部分之间跳转
第二步: 使用链接去往锚点
<a href="#a1">ToXXX</a>
----使用锚点 锚点是文档中某行一个记号
第一步: 目标处使用a元素定锚点
<a name="a1"></a>
图像和链接标识: 实现页面上导航定位;
4、 列表 常见于实现多个相关项排列
无序列表: ul
有序列表: ol
包含列表项: li----list item 用于指示具体列表内容;
使用嵌套列表实现多级菜单
5、 表格
表格基础结构: table / tr : 行 、 /td : 列
高度和宽度: 自适应
table属性: border 边框 / width / height / align <caption>表格标题</caption>跟随<table>标签后
/cellpadding 单元格边框和内容之间间距 /cellspacing: 单元格之间间距
t