html学习与练习

最新推荐文章于 2025-03-31 22:52:39 发布

「已注销」

最新推荐文章于 2025-03-31 22:52:39 发布

阅读量1.8k

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_62302666/article/details/121895625

版权

这篇博客详细介绍了HTML的基础知识，包括标题标签、空格符、平行线、上标下标、版权符号和注册商标的使用。此外，还讲解了如何创建有序列表、无序列表，插入图像以及设置锚点链接。进一步，文章涵盖了表格和表单的创建，重点讨论了input、select和textarea等元素的应用。

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

1.标题标签空格符平行线上标下标版权符号注册商标

<body>
    <h3>各科小常识</h3>
    <hr>
    <h4>语文</h4>
    &nbsp&nbsp《三国演义》中国古典的四大名著之一。元末明初小说家罗贯中所著，是中国第一部长篇章回体历史演义的小说。
    描写了从东汉末年到西晋初年之间近100年的历史风云。
    <hr>
    <h4>数学</h4>
    &nbsp&nbsp勾股定理直角三角形：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup>
    <hr>
    <h4>英语</h4>
    &nbsp&nbspNo pain,no gain
    <hr>
    <h4>化学</h4>
    &nbsp&nbspH<sub>2</sub>SO<sub>4</sub>是一种重要的工业原料，可用于制作肥料，洗涤制毒等等
    <hr>
    <h4>经济</h4>
    &nbsp&nbsp版权符号：&copy<br />
    &nbsp&nbsp注册商标：&reg
</body>

2. 有序列表无序列表图像标签锚点链接

4.表格标签表单标签 input输入列表+select下拉列表+textarea文本框列表

<body>
    <h1>青春不常在，抓紧谈恋爱</h1>             
    <table width="500">
        <tr>
            <td>性别</td>
            <td>
                <form>
                    <input type="radio" name="sex">男<input type="radio" name="sex">女
                </form>
            </td>
        </tr>
        <tr>
            <td>生日</td>
            <td>
                <form>
                    <select name="year">
                        <option>2001</option>
                        <option>2002</option>
                        <option>2003</option>
                    </select>
                    <select name="month">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                    </select>
                    <select name="day">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                        <option>21</option>
                        <option>22</option>
                        <option>23</option>
                        <option>24</option>
                        <option>25</option>
                        <option>26</option>
                        <option>27</option>
                        <option>28</option>
                        <option>29</option>
                        <option>30</option>
                        <option>31</option>
                    </select>
                </form>
            </td>
        </tr> <tr>
            <td>所在地区</td>
            <td>
                <form><input type="text" ></form>
            </td>
        </tr> <tr>
            <td>婚姻状态</td>
            <td>
                <form >
                    <input type="radio" name="situation">未婚<input type="radio" name="situation">已婚<input type="radio" name="situation">离婚
                </form>
            </td>
        </tr> <tr>
            <td>学历</td>
            <td>
                <form><input type="text"></form>
            </td>
        </tr> <tr>
            <td>喜欢的类型</td>
            <td>
                <form>
                    <input type="checkbox" name="look">好看的<input type="checkbox" name="look">可爱的<input type="checkbox" name="look">小鲜肉<input type="checkbox" name="look">老腊肉<input type="checkbox" name="look">都喜欢
                </form>
            </td>
        </tr> <tr>
            <td>自我介绍</td>
            <td>
                <form><textarea></textarea></form>
            </td>
        </tr> <tr>
            <td></td>
            <td><form><input type="submit" value="免费注册"/></form></td>
        </tr> <tr>
            <td></td>
            <td><form><input type="checkbox"  checked="checked" />我同意注册条款和会员加入标准</form></td>
        </tr> <tr>
            <td></td>
            <td><a href="圣诞节课堂案例.html" target="_blank">我是会员,立即登录</a></td>
        </tr> <tr>
            <td></td>
            <td><h2>我承诺</h2></td>
        </tr> <tr>
            <td></td>
            <td>
                <ul>
                    <li>年满18岁且单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>
    </table>
</body>