极客学院web前端学习笔记（四）html5链接和表格的属性及使用_极客学院web前端开发第10章在网页中创建表格-优快云博客

本文详细介绍了HTML的基本用法，包括文本链接、图片链接的创建及属性设置，如何使用表格标签进行内容展示等，适合HTML初学者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

链接属性

文本链接

图片链接

属性

href属性:指向另一个文档的链接

name属性：创建文档内的链接

img标签属性

alt：替换文本属性

width：宽

height：高

<a href="http://www.baidu.com">百度的文字链接</a>
<a href="http://www.baidu.com"><img src="image/aaa.png" width="100" height="100" alt="该图片显示错误"> </a>

<br/>
<a name = "tips">hello</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href="#tips">跳转到hello</a>

alt：图片无法正常显示时显示

在页面中点击“跳转到hello”，页面跳转（上移）到hello出现的位置

表格标签

<table border="1">
    <caption>表格标题</caption>
    <tr>   <!--这个是表头-->
        <th>单元</th>
        <th>单元</th>
        <th>单元</th>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
        <td>单元格3</td>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
        <td>单元格3</td>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
        <td>单元格3</td>
    </tr>
</table>

<table border="1">
    <caption>表格标题</caption>
    <tr>   <!--这个是表头-->
        <td>表格1</td>
        <td>表格2</td>
    </tr>
    <tr>
        <td>
            <ul>
                <li>苹果</li>
                <li>香蕉</li>
                <li>菠萝</li>
            </ul>
        </td>
        <td>菠萝最好吃</td>
    </tr>

</table>