HTML基础标签01

1、段落标签

段落是通过 <p> 标签定义的
<p>这是一个段落 </p> <p>这是另一个段落</p>

2、水平线

<hr/> 标签在 HTML 页面中创建水平线

3、图片

<img> 标签定义 HTML 页面中的图像
<img src="" alt="" title="" width=""
height="">

4、相对路径

两者相对关系，两者在同⼀路径下可以直接访问
1 ⼦级关系: / 2 ⽗级关系: ../ 3 同级关系: ./

5、超链接

<a href="url">链接文本</a>

6、超链接之锚点

超链接可以点击这些内容来跳转到新的文档或者当前文档中的某个

部分。

跳转到当前文档的某个部分的形式就是 “ 锚点 ”

<a href="#hello">跳转到当前页</a>
<p id="hello">文本信息</p>

7、表格

表格标签
表格： <table>
行： <tr>
单元格(列)： <td>

<table> 表格属性
border：设置表格的边框
width：设置表格的宽度
height：设置表格的高度
align：设置表格的水平对齐方式
cellpadding：设置内容距离边框的距离
cellspacing：设置单元格之间的距离
bgcolor：设置表格背景颜色
bordercolor：设置边框颜色
background：设置背景图片

<tr> 的属性
height：设置一行的高度
bgcolor：设置一行的背景颜色
background：设置一行的背景图片
align：设置行里内容水平对齐方式，取值：left、center、right
valign：设置行里内容垂直对齐方式，取值：top、middle、bottom

<td> 的属性
width：设置单元格的宽度，同列等宽
height：设置单元格的高度，同行等高
align：设置单元格内容水平对齐方式
valign：设置单元格内容垂直对齐方式
bgcolor：设置单元格背景颜色
background：设置单元格背景图片

单元格合并
水平合并：colspan
垂直合并：rowspan