HTML链接标签和表格标签

最新推荐文章于 2024-07-12 20:49:16 发布

陌影2272424

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量165

点赞数

文章标签： html html5 css

原文链接：http://www.monkey1024.com/html/739

版权

链接标签

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>链接标签</title>
</head>
<body>

     <a href="http://www.monkey1024.com" target="_blank">Java教程</a>

     <a name="top">顶部</a>

     <a href="#top">回到顶部</a>
</body>
</html>

标签说明：

<a></a>链接标签
    属性：
        href:跳转页面地址
        name:名称，锚点
        target:_self(从当前页面打开跳转的页面) _blank(从新的页面打开跳转的网页)， 默认是_self
    作用：
        （1）页面跳转，注意：要调到外网必须要加http://
        （2）访问锚点；当页面较长时，可以在底部设置一个<a>标签链接到某个锚点中，例如回到顶部，在访问锚点时的书写格式：#name；

表格标签

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>表格标签</title>
</head>
<body>        

    <table border="1" width="50%" align="center" bgcolor="orange">
        <caption>期末考试成绩表</caption>
        <tr align="center">
            <th>姓名</th>
            <th>数学</th>
            <th>语文</th>
        </tr>
        <tr align="center">
            <td>张三</td>
            <td>98</td>
            <td>100</td>
        </tr>
        <tr align="center">
            <td>李四</td>
            <td>78</td>
            <td>81</td>
        </tr>
    </table>

    <hr/>

    <table border="1" width="50%" align="center" bgcolor="yellow">
        <caption>表格</caption>
        <tr align="center">
            <th>1--1</th>
            <th>1--2</th>
            <th>1--3</th>
        </tr>
        <tr align="center">
            <td rowspan="2">2--1</td>
            <td colspan="2">2--2</td>
        </tr>
        <tr align="center">
            <td>3--2</td>
            <td>3--3</td>
        </tr>
    </table>

</body>
</html>

标签说明：

<table></table>:
        属性：
            border:表格边框
            width:表格的宽度
            align:表格的对齐方式（<tr align="center">单元格里面的内容居中对齐<tr>）
            bgcolor:背景颜色
    <tr></tr>: 代表行
    <td></td>：代表单元格
        属性：
            colspan:列合并
            rowspan:行合并
    <th></th>：相等于<td>, 只是内置样式加粗居中
    <caption></caption>：表格的标题，即表头

    表格的作用：
        (1)简单的实现一个表格样式
        (2)进行页面布局

    注意：目前使用这种方式布局的比较少，使用div+css布局的比较多

陌影2272424

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML链接标签和表格标签

链接标签<!DOCTYPE html ><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>链接标签</title></head><body> <a href="http://www.monkey1024.com" target="_blank">Java教
复制链接

扫一扫