html样式 链接 表格

时间：2022-05-09 20:32:42
学习html过程中，看w3c很快，忘得也快，所以把重点部分列出来，方便以后查看 
<!DOCTYPE html>
</样式有三种>
<!name 创建文本内的链接>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式</title>
    <link rel="stylesheet" type="text/css" href="mystyle.css"><!外部样式表>
    <style type="text/css">
        h2{
            color: #d26965;
        }
    </style>                                                         <!内部样式表>
</head>
<h1>h1</h1>
<h2>h2</h2>
<h3 style="color: blue">h3</h3>                                 <!内联样式表>
</body>
</html>
h1{    color: blueviolet;}


<!DOCTYPE html>
</链接分为图片链接和文本链接>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接</title>
</head>
<body>
    <a name="hello">返回到这里</a>
<!文本链接和图片链接>
    <a href="http://baike.baidu.com/link?url=u0IWqvyzGJvyPb5qgacJCINmKQclV_bCIFkx2NfO_W0XSbuUpYtag4z5W4jAH2bWiy-Vwjfd2FYT0yL4pP8CWK" >anglebaby的百度百科</a>
    <br>
    <a href="http://baike.baidu.com/link?url=u0IWqvyzGJvyPb5qgacJCINmKQclV_bCIFkx2NfO_W0XSbuUpYtag4z5W4jAH2bWiy-Vwjfd2FYT0yL4pP8CWK">
        <img src="image/1.jpg" height="225" width="150">
    </a>
    <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
    <a href="#hello">跳转到hello</a>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
    <table border="1"><!定义表格  边框大小>
        <caption>标题</caption>
        <th>表头</th>
        <thead>表格页眉</thead>
        <tr><! 定义行>
            <td>单元格1</td>
            <td>单元格2</td>
            <td>单元格3</td>
        </tr>
        <td>
            表格1
        </td>
    </table>
</body>
</html>


标签：

相关文章