01文本标签
<font size="7" color="#20C128" face="楷体">紫霞仙子</font>size="50"
文字大小50 数字越大字体越大
color="#000000" 字体颜色 黑
face="楷体" 字体
02排版标签
<h1 align="left">孙悟空1</h1>
<h2 align="center">孙悟空2</h2>
<h3 align="right">孙悟空3</h3>
标题标签1-6 数越大字体越小
align="left" center ringht 属性居左 居中 居右
<hr color="red" width="50" size="3" align="left"/>
水平线标签 默认自动换行
<br/>
换行
<b><i><u><font color="red">牛魔王4</font></u></i></b>
<b></b> 加粗
<i></i> 倾斜
<u></u> 下划线
<p title="我是第一段落的内容">从前很久有一个庙,庙里有3个和尚</p>
<p></p>段落
03超链接标签
<a title="点击跳转到百度" target="_blank" href="http://www.baidu.com">点我</a>
<a></a> 超链接标签
target="_blank" 属性 新开一个页面打开连接
href="" 属性 可以是
1. <a href="">点我</a> 跳转当前页面 并刷新当前页面
<a href="#">点我</a> 跳转当前页面 不刷新当前页面
2. <a href="http://www.baidu.com">点我</a> 跳转到网址
3. <a href="案例一公司简介页面.html">点我</a> 跳转到本地页面地址
4. <a href="mailto:jack@qq.com">点我</a>跳转邮箱客户端发邮件
04列表标签
<ol type="1">
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
有序列表
<ul type="disc">
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ul>
无序列表
05图片标签
<img src="img/girl3.jpg" title="美女3号" width="50" height="50" />
<img/>图片属性
src 链接图片的相对地址
width="50" height="50" 限制宽高
06内联标签和块标签
<span>孙悟空1</span>
内联标签:默认不换行,可以多个在同一行
<div>白晶晶1</div>
块标签:默认占一行
07表格标签
<caption>统计用户</caption>
表格名
给程序员自己看的
<thead></thead>头
<tbody></tbody>体
<tfoot></tfoot>脚
cellspacing="0"
cellpadding="0"
<table>
<tr>
<th>性别</th>
<td>内容</td>
<td>内容</td>
</tr>
</table>
table 表格标签
border="1" 边框="粗细"
width="100%" 占满
cellspacing 设置单元格之间的间隔 默认2
cellpadding 设置单元格边框与文字之间距离 默认1
tr 行
td 列
th 表头 里面的字默认居中加粗
rowspan="2" 竖跨跨行
colspan="2" 横跨跨列