二、HTML基础（表格、表单、标题、链接、图片、段落）

最新推荐文章于 2022-01-28 17:28:41 发布

小树苗m

最新推荐文章于 2022-01-28 17:28:41 发布

阅读量390

点赞数 1

分类专栏： python全栈编程（socket、HTML、CSS、JS）文章标签： html

本文链接：https://blog.csdn.net/qq_15060477/article/details/112161821

版权

python全栈编程（socket、HTML、CSS、JS）专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、HTML基本单元

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

2、HTML表格、表单、标题、链接、图片、段落

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这个是title，显示在上面，记住了</title>
    <h1>这个指一级标题，真的是超级大</h1>
    <h2>这个指二级标题，真的是老二</h2>
</head>
<body>
    <li>这个是行标签，标签，标签，重要的事情说三遍</li>
    <hr/>                                               <!--表示单行线-->
    <p>这个代表段落，段落段落，记住喽</p>
    <p>这个代表段落，<br/>段落段落，记住喽</p>    <!--中间的<br/>表示换行哦-->
    <a href="https://www.baidu.com" target="_self">点我去百度看看,href后面写链接地址，target表示在上面窗口打开</a><br/>
    <img src=""alt="如果图片连接失败了我就是你能看到的替罪羊，如果成功显示，我们避而不见，我这次不写"/>
<!------------------------------------------------下面是表格--------------------------------------------------->
    <h4>下面是表格，带框、表头、跨列单元：</h4>
    <table border = "1">
        <tr>
            <th>表头1</th><th>表头2</th><th>表头3</th>
        </tr>
        <tr>
            <td>第1行第1列</td><td>第1行第2列</td><td>第1行第3列</td>
        </tr>
        <tr>
            <td>第2行第1列</td><td colspan="2">第2行第2列，占了两列</td>
        </tr>
    </table>
<!------------------------------------------------下面是列表--------------------------------------------------->
    <h4>表单</h4>
    <table>
        <tr>
            <td>
                <ul><li>表1</li><li>表2</li><li>表3</li></ul>
            </td>
            <td>
                <ol><li>表1</li><li>表2</li><li>表3</li></ol>
            </td>
        </tr>
    </table>
    <dl>
        <dt>表单1</dt><dd>先看看效果</dd>
        <dt>表单2</dt><dd>先看看效果</dd>
        <dt>表单3</dt><dd>先看看效果</dd>
    </dl>
</body>
</html>

三、展示

在这里插入图片描述

小树苗m

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
二、HTML基础（表格、表单、标题、链接、图片、段落）

1、HTML基本单元<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html>2、HTML表格、表单、标题、链接、图片、段落<!DOCTYPE html><html lang=
复制链接

扫一扫