Html标签学习1

最新推荐文章于 2024-09-03 09:58:06 发布

BlackAndWh1te

最新推荐文章于 2024-09-03 09:58:06 发布

阅读量164

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/BlackAndWh1te/article/details/106670413

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

标签包括：

基本：html，head，body，title，meta charset=“UTF-8”
文本：br，h1-h6，p，hr，b，i
列表：有序：ol，无序：ul，列表项：li
超链接：a
分区：div，span

效果：

标题图
效果图

代码：

  <html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>this is a title</title>
    </head>
    <body>
        <h1>this is h1 title</h1>
        <h2>this is h2 title</h2>
        <h3>this is h3 title</h3>
        <h4>this is h4 title</h4>
        <h5>this is h5 title</h5>
        <h6>this is h6 title</h6>

        <p>
            this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.段落1
            this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.段落2行
            this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.段落3行
            this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.段落4行
            回车不起作用
        </p>
        <hr>
        <hr>
        <br>
        <b>这是b标签，粗文本</b>
        <i>这是i标签，斜文本</i>
        <ol>
            <li>有序item1</li>
            <li>有序item2</li>
            <li>item3有序</li>
            <li>item4有序</li>
        </ol>
        <ul>
            <li>无序项1</li>
            <li>无序项2</li>
            <li>无序项3</li>
        </ul>
        <a href="http://www.baidu.com">这是一个指向百度的超链接</a><br>
        <a href="javascript:void(0)">这是一个有超链接样式的文字</a>
        <div>
            这是一个div<br>
            <table border = 1>
                <thead>这是表头</thead>
                <tr>
                    <td>这是第一行</td>
                    <td>table是个表格标签</td>
                    <td>table 属性 border 是表格边框</td>
                    <!--<td>这是个单元格</td>-->
                </tr>
                <tr>
                    <td>这是第二行</td>
                    <td>tr是个表格行标签</td>
                    <td rowspan="2">这是一个占据了纵向两个单元格的单元格，向下占据</td>
                </tr>
                <tr>
                    <td>这是第三行</td>
                    <td>td是个单元格标签</td>
                    <td>这是被占据自己位置的单元格</td>
                </tr>
                <tr>
                    <td>这是第四行</td>
                    <td colspan=2>这是个占据横向2个单元格的单元格，向右占据</td>
                    <td>这是被左边占据了位置的单元格</td>
                </tr>
            </table>
        </div>
    </body>

  </html>

BlackAndWh1te

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html标签学习1

标签包括：基本：html，head，body，title，meta charset=“UTF-8”文本：br，h1-h6，p，hr，b，i列表：有序：ol，无序：ul，列表项：li超链接：a分区：div，span效果：代码： <html lang="zh"> <head> <meta charset="UTF-8"> <title>this is a title</title>
复制链接

扫一扫

专栏目录