HTML：超文本标记语言（Hypertext Markup Language）
用来设计网页的标记语言，以.html或者.htm作为文件后缀名，由浏览器解释执行
一、基础知识
1、注释
<!- html注释 -->
2、HTML文件的基本结构
<html><head></head><body></body></html>
二、html标签
1、HTML 标题
HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
1、段落标签：<p></p>
2、块标签：<div></div>
块级标签，且块与块之间不像段落标签那样有间隙，是紧密接合的
3、内联标签：区域标签 <span></span>：
在一行中设置部分区域，可以和css联合使用对行中的部分内容的形式进行控制，行内标签
div块级标签占住一行，span行内标签行内占住部分区域4、
4、文本格式化标签（内联标签）
| 标签 | 描述 |
|---|---|
| <b> | 定义粗体文本。<b>加粗黑体</b> |
| <big> | 定义大号字。 |
| <em> | 定义着重文字。 |
| <i> | 定义斜体字。<i>斜体</i> |
| <small> | 定义小号字。 |
| <strong> | 定义加重语气。<strong>加粗</strong> |
| <sub> | 定义下标字。H<sub>2</sub>O |
| <sup> | 定义上标字。2<sup>3</sup>=8 |
| <ins> | 定义插入字。 |
| <del> | 定义删除字。 |
| <s> | 不赞成使用。使用 <del> 代替。 |
| <strike> | 不赞成使用。使用 <del> 代替。 |
| <u> | 不赞成使用。使用样式（style）代替。 |
5、分割线标签：<hr width="1024px" color="red" />
6、内联标签换行：<br/>行内标签
7、<q> 用于短的引用
<p>WWF 的目标是：<q>构建人与自然和谐共存的世界。</q></p>
8、链接标签：<a></a>
<a href="http://www.baidu.com">链接到百度</a>
可以链接资源， href属性的值是链接的资源，鼠标移动到链接标签上时，鼠标的状态发生改变，同时在浏览器的左下方会出现href属性值（链接的资源），点击链接标签，发生跳转
target属性：指定以什么样的形式打开链接
1) _self：默认值，在当前窗口打开
<a href="http://www.baidu.com" target="_self">在当前窗口中打开百度</a><br/>
2) _blank：在新窗口中打开
<a href="http://www.baidu.com" target="_blank">在新窗口中打开百度</a>
href属性：mailto:邮箱地址，调用当前的邮件客户端，把邮件地址填写到收件人位置
常用的邮件客户端：outlook express、outlook、foxmail
链接标签也可以链接到其他的网页资源
<a href="sample01.html" target="_blank">链接到sample01.html</a><br/>
<a href="mailto:124982345@qq.com">写信给我</a>
12、图片标签img
图片标签img：img是image的简写，行级标签
src属性：source的简写，指定图片资源的位置
a、绝对路径写法
<img src="D:\workspace_aptana\Day20150911\images\陆逊.jpg" />
b、相对路径写法
<img src="images/陆逊.jpg" alt="陆逊" />
c、alt属性：当图片不能正常显示时，显示出文字信息；图片可以正常显示时，不会显示
<img src="images/郭嘉.jpg" alt="郭嘉" />
d、 title属性：鼠标移动到图片上显示的提示信息
<img src="images/陆逊.jpg" alt="陆逊" title="陆逊，字伯言，吴国人" />
<map>：定义图像地图
<area>：定义图像地图中的可点击区域。
颜色：RGB R：red G：green B：blue
使用3位或是6位十六进制的数字来表示颜色
显然位数越高，描述的颜色的进度越高
13、无序列表标签：ul,unordered list简写，块级标签
<ul type="circle">
<li>中国</li>
<li>美国</li>
<li>日本</li>
</ul>
type属性：
circle：空心圆环
disc：实心圆圈（默认）
可以用在ul上，表示ul中的全部的li的图标都是按设定的样式；
也可以用在li上，表示该li的图标是按设定的样式
14、 table：表格标签
tr:行标签，table row的简写
td:单元格标签，table data cell的简写
caption标签：表格标题标签
th标签：表头标签，table header，可以理解为是td标签的一种变体
thead标签：表头
tbody标签：表身
tfoot标签：表尾
合并行：使用td的rowspan属性
合并列：使用td的colspan属性，column列的简写
15、表单标签
表单：一个列表或是表格形式的清单，填写后提交出去
表单三要素：表单元素、提交给谁、提交形式
form标签：表单标签
name属性：表单名称
action属性：提交给谁
method属性：提交形式,分为get方式 和 post方式
三、总结
1、HTML 块元素（block level element）:块级元素在浏览器显示时，通常会以新行来开始（和结束）。
<h1>, <p>, <ul>, <table>、<div>
2、HTML 内联元素（inline element）：内联元素在显示时通常不会以新行开始。
<b>, <td>, <a>, <img>
1999
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
