a链接标签;列表和表格;

a链接标签

基本结构:

<a href=”http://www.baidu.com”>百度</a>

锚点设置:

通过a标签的两个属性来制作锚点:

1)使用name属性或者id属性创建文档内的书签

2) 通过href属性来跳转到对应书签的网页位置

例如:设置书签:<a name=”tips”>书签</a>

<a href=”#tips”>跳转</a>

 

target属性:_blank新窗口打开     _self当前窗口打开

 

 

 

一,列表分为三类

1.

 有序列表  type属性: 1 a A I i 
    <ol type="1">
        <li>第一节</li>
        <li>第二节</li>
        <li>第三节</li>
        <li>第四节</li>
        <li>第五节</li>
        <li>第六节</li>
    </ol>
2.
 无序列表  type属性:disc circle square 
    <ul type="square">
        <li></li>
        <li></li>
        <li></li>
    </ul>
3
自定义列表 
    <dl>
        <dt>标题</dt>
        <dd>内容</dd>

        <dt>标题</dt>
        <dd>内容</dd>

        <dt>标题</dt>
        <dd>内容</dd>
    </dl>
4.列表之间的嵌套,一定要li标签下面加,并且要加完整的列表格式,如下图
 
二,表格
1.table表格结构 :

<table>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>

table表格完整的结构:

<table>

表格头部
        <thead>
            <tr>
                <th></th>
                <th></th>
                <th></th>
            </tr>
        </thead>

表格内容
        <tbody>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>

表格底部
        <tfoot>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tfoot>
    </table>

2.table中的属性:algin(在网页中间位置显示),

Cellpadding:规定单元边沿与其内容之间的空白

Cellspacing:规定单元格之间的空白

Border:规定表格边框的宽度

td中的属性:

水平对齐:align=”center”left、right

垂直对齐:valign=”top”middle、bottombaseline

跨行:rowspan=”2”

跨列:colspan=”2”

宽、高:width height

3.表格的嵌套:必须是在td中,并i且是嵌套完整的表格结构

posted @ 2021-03-02 15:39  刘镇绮  阅读(105)  评论(0)    收藏  举报