【HTML】学习代码记录

最新推荐文章于 2024-10-05 06:12:02 发布

归忆_AC

最新推荐文章于 2024-10-05 06:12:02 发布

阅读量58

点赞数

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

本文链接：https://blog.csdn.net/qq1677852098/article/details/131994273

版权

web学习专栏收录该内容

7 篇文章 1 订阅

订阅专栏

这篇文章是一份HTML学习记录，包含了常见的HTML标签如标题(h1-h6)、链接(a)、段落(p)、图像(img)、表格(table)、表单(form)以及样式控制等基础知识。还涉及到了一些不常用的或错误的用法，如不存在的h7标签和错误的属性用法。

摘要由CSDN通过智能技术生成

一些基础代码学习记录

<!DOCTYPE html>
<html>

<head>
    <title>wangye</title>
    <base target="_blank">
</head>

<body>
    <h1>111 h1</h1>
    <h2>111 h2</h2>
    <h3>111 h3</h3>
    <h4>111 h4</h4>
    <h5>111 h5</h5>
    <h6>111 h6</h6>
    <hr>
    <a href="http://baidu.com">百度</a>
    <hr>
    <h1>123</h1>
    <p></p>
    <h1></h1>
    <p1></p1>
    <p2></p2>
    <p3></p3>
    <p></p>
    <p></p>
    <p></p>
    <h2></h2>
    <h3></h3>
    <hr>
    <h6 color=green align="right">111</h6>
    <hr>
    <h6>111 h6</h6>
    <h7 align="right">111 h7</h7><!--h7不存在--><!---->
    <!--h$*6 回车生成6个标题-->
    <hr>
    <p>hello,<br>my son</p>
    <hr>
    <hr color="green" align="center" width="500" size="5">
    <!--hello-->
    <hr>
    <b>cuti</b>
    <i>xieti</i>
    <code>auto</code>
    <sub>xiabiao</sub>
    <sup>shangbiao</sup>
    <strong>strong</strong>
    <ins>charu zi</ins>
    <del>shanchu zi</del>
    <hr>
    <img src="01_第一个前端程序//photo.avif" alt="tupian">
    <hr>
    <a href="https://baidu.com">
        <img src="01_第一个前端程序//photo.avif" alt="photo" border="10" color="red">
    </a>
    <hr>
    <ul>
        <li>cat</li>
        <li>
            rabbit
            <ul type="circle">
                <li>da</li>
                <li>xiao</li>
            </ul>
        </li>
        <li>pig</li>
    </ul>
    <hr>
    <ol type="a" start="26">
        <li>tea</li>
        <li>milk</li>
        <li>
            bread
            <ol>
                <li>ruan</li>
                <li>ying</li>
            </ol>
        </li>
    </ol>
    <hr>
    <table border="1" width="400" height="400">
        <tr>
            <td>qq</td>
            <td>ww</td>
            <td>ee</td>
        </tr>
        <tr>
            <td>aa</td>
            <td>ss</td>
            <td>dd</td>
        </tr>
    </table>

    <!--table>tr*4>td*3{text} 回车生成-->
    <hr>
    <table border="1" width="600" height="400" align="center">
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
            <td>单元格3</td>
            <td>单元格4</td>
            <td>单元格5</td>
        </tr>
        <tr>
            <td colspan="2" align="center">单元格6&7</td>
            <!--<td>单元格7</td>-->
            <td>单元格8</td>
            <td>单元格9</td>
            <td>单元格10</td>
        </tr>
        <tr>
            <td>单元格11</td>
            <td>单元格12</td>
            <td>单元格13</td>
            <td>单元格14</td>
            <td rowspan="2">单元格15&20</td>
        </tr>
        <tr>
            <td colspan="2" rowspan="2">单元格16&17&21&22</td>
            <!--<td>单元格17</td>-->
            <td>单元格18</td>
            <td>单元格19</td>
            <!--<td>单元格20</td>-->
        </tr>
        <tr>
            <!--<td>单元格21</td>-->
            <!--<td>单元格22</td>-->
            <td>单元格23</td>
            <td>单元格24</td>
            <td>单元格25</td>
        </tr>
    </table>
    <hr>
    <form action="https://baidu.com">
        <input>
        <input type="submit" value="baidu">
    </form>
    <hr>
    <form>
        <p>你生活在哪个国家？</p>
        <input type="radio" name="country" value="China" checked="checked">中国<br />
        <input type="radio" name="country" value="the USA">美国
    </form>
    <hr>
    <form>
        <select>
            <option selected disabled hidden style="display: none" value=""></option>
            <option value="volvo" disabled="disabled">Volvo</option> <!--不可选择-->
            <option value="saab" selected="selected">Saab</option> <!--默认选中-->
            <option value="fiat">Fiat</option>
            <option value="audi" hidden="hidden">Audi</option> <!--隐藏-->
        </select>
    </form>
    <hr>
    <p>这是一些文本。</p>
    <div style="color:#0000FF">
        <h3>这是一个在 div 元素中的标题。</h3>
        <p>这是一个在 div 元素中的文本。</p>
    </div>
    <p>这是一些文本。</p>
    <hr>
    <p>我的母亲有 <span style="color:blue">蓝色</span>的眼睛。</p>

    <div id="header"></div>
    <div id="nav"></div>
    <div id="article">
        <div id="section"></div>
    </div>
    <div id="slider"></div>
    <div id="footer"></div>

    <header></header>
    <nav></nav>
    <article>
        <section></section>
    </article>
    <aside></aside>
    <footer></footer>

</body>
</html>

（by 归忆）