HTML基础知识02

水平线

1.基本结构

<hr width="" align=""color="">

2.hr属性

width 宽度

align  水平方向对齐方式

        center 居中对齐

        left 居左对齐

        right 居右对齐

color 修改水平线的颜色

表现性元素

1.加粗

<b>内容</b>

<strong>内容</strong>          主旨表强调

2.倾斜

<i>内容</i>

<em>内容</em>          主旨表强调

3.上下标

上标          ^内容

下标         _内容

执行结果：

4.小号字体

<small>内容</small>

超链接

1.基本结构

<a href="" target="">超链接</a>

2. a 的属性

href        引入跳转页面的路径（网址、相对路径、锚链接 #id值）

target="_blank"        在新窗口打开连接

行内框架

1.基本结构

<iframe sec="" frameborder=""></iframe>

2. iframe 的属性

src        引入页面的地址

frameborder        框架的边框

frameborder="1"        有边框        frameborder="0"无边框

表格

1.基本结构

<table border="" cellspacing="" cellpadding="" >
    <tr>
          <th>表格标题</th>
          <td>单元格</td>
    </tr>
</table>

2.table的属性

border        是设置边框的有无

        border="1" 有边框        border="0"无边框

cellspacing        设置单元格与单元格之间的距离

cellpadding        设置内容与单元格的距离

bordercolor        边框颜色

bgcolor        背景颜色

align        水平方向对齐

        1> left 左对齐

        2> center 居中对齐

        3> right 右对齐

valign        垂直方向对齐

        1> top 上对齐

        2> center 居中对齐

        3> buttom 下对齐      

执行结果：

 rules 规定内侧边框是否可见

        1.none 内侧边框均不可见

        2. rows 位于行内侧边框可见

        3. cols 位于列内侧边框可见

        4. all 位于行与列内侧边框均可见

执行结果：