HTML练习2

20170528_学习超链接的使用:

标签:

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


我的代码:

<body>
    <name="top"></a>        -->设置标记位置
    <h3>超链接的使用</h3>
    <p>链接到回顾练习(默认本页面显示)<href="回顾练习.html">回顾练习</a></p>
    <!--target设置的是链接显示的两种不同方式-->
    
<p>链接到列表标签(本页面显示):<href="列表标签.html"target="_self">列表标签</a></p>
    <p>链接到百度(新页面显示):<href="http://www.baidu.com"target="_blank">百度一下</a></p>
    <h3>功能性链接</h3>
    <href="mailto:13457464370@sina.cn">我的邮箱</a>
    <p><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>

效果截图:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值