HTML练习2

来源：互联网发布：恶灵附身优化怎么样编辑：程序博客网时间：2024/06/05 22:20

20170528_学习超链接的使用：

标签：

<a></a> 超链接内容； href ：链接路径(我使用相对路径) ；target：页面显示位置

我的代码：

<body>
    <a name="top"></a> -->设置标记位置
    <h3>超链接的使用</h3>
    <p>链接到回顾练习(默认本页面显示)<a href="回顾练习.html">回顾练习</a></p>
    
    <p>链接到列表标签(本页面显示)：<a href="列表标签.html"target="_self">列表标签</a></p>
    <p>链接到百度(新页面显示)：<a href="http://www.baidu.com"target="_blank">百度一下</a></p>
    <h3>功能性链接</h3>
    <a href="mailto:13457464370@sina.cn">我的邮箱</a>
    <p><a href="#top">返回顶端</a></p> -->返回到标记位置
</body>

表格练习：

标签

熟悉表格的基本标签：

<table> 开头 <tr>表格行<th>表头<td>单元格

给表格附边框：

Border边框大小 width　表格整体的大小

Cellpadding 边框与单元格间距；cellspacing单元格与单元格间距

<tr><th><td>标签：

Align 表格内容的水平对齐方式：left左对齐，right右对齐，center居中对齐

Valign 单元格内容的垂直对齐方式：top顶端对齐middle中对齐bottom下对齐

Colspan 单元格跨列数 rowspan单元格跨行数

我的代码：

<h3>th跨列练习</h3>
<table border="1"width="500">
    <tr>
        <th>Name</th><th colspan="2">Subject</th>
    </tr>
    <tr align="center">
        <td>lijiehoa</td><td>HTML</td><td>Css</td>
    </tr>
</table>
<h3>tr跨行练习</h3>
<table border="1"width="500">
    <tr align="center">
        <th>Name</th><th>Suject</th>
    </tr>
    <tr align="center">
        <td rowspan="2">lijiehao</td><td>HTML</td>
    </tr>
    <tr align="center">
        <td>Css</td>
    </tr>
</table>

效果截图：

阅读全文

0 0