html学习1：常用标签、特殊标签、其他标签_常见标签和少数标签

2401_84620303

于 2024-06-15 20:13:53 发布

阅读量210

点赞数 4

文章标签： html 学习前端

本文链接：https://blog.csdn.net/2401_84620303/article/details/139707693

版权

- 前端开发自学之路：html学习笔记（pink老师）
  - - HTML学习
      - 一、html常用标签
        二、html特殊字符
        三、html其他标签

b站学习地址：https://www.bilibili.com/video/BV14J4114768
总：
在这里插入图片描述
HTML是超文本标记语言（hyper text makeup language）

HTML学习

在这里插入图片描述

vscode输入！可自动补全代码框架：
在这里插入图片描述

一、html常用标签

标题标签h1-h6 ：加粗、独占一行
段落和换行标签p、br /
文本格式化标签
div和span标签：div独占一行大盒子，span 一行可以多个小盒子
图像标签img和路径
超链接标签a

二、html特殊字符

在这里插入图片描述

三、html其他标签

表格标签table、tr、td、th、thead、tbody

表头th

表格属性

在这里插入图片描述

2. 列表标签 ul、ol、dl

在这里插入图片描述

3. 表单标签

综合应用：

<body>
    <h2>青春不常在，抓紧谈恋爱</h2>
    <table width="500">
        <tr>
            <td>性别</td>
            <td><input type="radio" id="nan" name="sex" checked="checked"/><label for="nan">男<input type="radio" id="nv" name="sex"/><label for="nv">女</label></td>
        </tr>
        <tr>
            <td>生日</td>
            <td>
                <select>
                    <option>--请选择年--</option>
                    <option>2000</option>
                    <option>2001</option>
                    <option>2002</option>
                </select>
                <select>
                    <option>--请选择月--</option>
                    <option>01</option>
                    <option>02</option>
                    <option>03</option>
                </select>
                <select>
                    <option>--请选择日--</option>
                    <option>01</option>
                    <option>02</option>
                    <option>03</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>所在地区</td>
            <td><input type="text" value="北京思密达"/></td>
        </tr>
        <tr>
            <td>婚姻状况</td>
            <td><input type="radio" name="situation" id="weihun" checked="checked"/><label for="weihun">未婚</label><input type="radio" name="situation" id="yihun"/><label for="yihun">已婚</label><input type="radio" name="situation" id="lihun"/><label for="lihun">离婚</label></td>
        </tr>
        <tr>


### 最后

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析



![](https://img-blog.csdnimg.cn/img_convert/45f2869b91b538dd3bb3290ba13bc806.png)  

![](https://img-blog.csdnimg.cn/20210419193354991.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlcGxlcl9JSQ==,size_16,color_FFFFFF,t_70)

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！

2401_84620303

关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html学习1：常用标签、特殊标签、其他标签_常见标签和少数标签

b站学习地址：https://www.bilibili.com/video/BV14J4114768总：HTML是超文本标记语言（hyper text makeup language）
复制链接

扫一扫