HTML：超文本标记语言（Hyper Text Markup Language）
HTML不是一种编程语言，而是一种标记语言，描述网页的语言
HTML使用标签描述网页中图片，文本，音乐，视频，超链接等
<br/> <hr/>是单标记
图像标签
超链接
<a href=”链接地址” target=”目标窗口位置”>文本或图像</a>
href 和 target 是常用属性
块元素
无论内容多少，该元素独占一行 (p，hr，h1~h6。。）
- 行内元素
- 内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)
示例：
<p>我是p元素</p>
<h1>我是标题h1</h1>
<a href="#">我是超链接a元素</a>
<strong>我是strong元素</strong>
HTML标签
标题标签<h1>~<h6>
段落<p></p>
换行<br/>
水平线<hr>
粗体<strong></strong>
斜体<em></em>
图像(images)
<img src=”相对路径\绝对路径” alt=”替换文本” width=”宽度” height=”长度”
超链接
几个页面之间的跳转<a href=”跳转后页面的路径”>热点文本/图像</a>
锚链接
跳转到同一页面的固定位置
<a href=”#me”>点击我</a>
<a name=”me”>跳转到这里来</a>
跳转到不同页面的固定位置
- html
<a href=”2.html#me”>点击我</a>
- html,
<a name=”me”>跳转到我这里来</a>
功能连接
<a href=”mailto:邮箱地址”>给站长写信</a>
注释和特殊字符
| 特殊符号 |
字符实体 |
示例 |
| 空格 |
  |
<a href="#">百度</a> | <a href="#">新浪</a> |
| 大于号（>） |
> |
如果时间>晚上6点，就坐车回家 |
| 小于号（<） |
< |
如果时间<早上7点，就走路去上学 |
| 引号（“”） |
" |
W3C规范中，HTML的属性值必须用成对的"引起来 |
| 版权符号@ |
© |
© 2003-2013北大青鸟 |
总结
- 无序列表的特性
- 没有顺序，每个<li>标签独占一行（块元素）
- 默认<li>标签项前面有个实心小圆点
- 一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等
- 有序列表的特性
- 有顺序，每个<li>标签独占一行（块元素）
- 默认<li>标签项前面有顺序标记
- 一般用于排序类型的列表，如试卷、问卷选项等
- 定义列表的特性
- 没有顺序，每个<dt>标签、<dd>标签独占一行（块元素）
- 默认没有标记
- 一般用于一个标题下有一个或多个列表项的情况
表格
<table borber=”2”> //表格标签 borber是边框
<tr> //行标签
<td>第1个单元格的内容</td> //单元格标签
<td>第2个单元格的内容</td>
……
</tr>
<tr>
<td>第1个单元格的内容</td>
<td>第2个单元格的内容</td>
……
</tr>
</table>
表格跨列
……
<tr>
<td colspan="3">学生成绩</td> //colspan 跨列
</tr>
<tr>
<td rowspan="2">张三</td> //rowspan 跨行
<td>语文</td>
<td>98</td>
</tr>
……
表格的基本结构
行（tr）
单元格（td）
表格跨行（rowspan）
表格跨行（colspan）