常用的html标签使用

最新推荐文章于 2023-11-17 23:45:41 发布

DI O

最新推荐文章于 2023-11-17 23:45:41 发布

阅读量157

点赞数

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

本文链接：https://blog.csdn.net/LeFran/article/details/118069556

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

前端开发三大块
1、HTML：负责网页结构

2、CSS：负责网页样式

3、JavaScript：负责网页行为，比如:网页与用户的交互效果

标签不区分大小写，但是推荐使用小写。
根据标签的书写形式，标签分为双标签(闭合标签)和单标签(空标签)
双标签是指由开始标签和结束标签组成的一对标签，这种标签允许嵌套和承载内容，
比如: div标签
单标签是一个标签组成，没有标签内容，比如: img标签

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常用的html基本使用</title>
</head>

<body>
    <!--页面内容-->
    <!--成对标签-->
    <div>块标签</div>
    <h1>一级文本标题</h1>
    <h2>二级标题</h2>
    <p>段落标签</p>
    <!--注意:运行之前需要先保存文件-->

    <!--单个标签-->
    <!--分隔页面-->
    <hr>
    <!--显示图片 src指定图片路径-->
    <img src="./f027a0aeb63fac9f15ef6dd4cfda0aa.jpg" alt="">

    <!--换行标签-->
    <br>
    <!--输入框标签-->
    <input type="text">

    <!-- 标签属性-->
    <!--按钮-->
    <input type="button">
    <!--选择框-->
    <input type="checkbox">
    <!--网址链接-->
    <a href="https://www.baidu.com/">百度链接</a>

    <br>
    <!--绝对路径指定资源-->
    <img src="C:\Users\13606\Pictures\1.jpg" alt="">

    <hr>
    <!-- 列表标签 -->
    <!-- 无序列表 -->
    <ul>
        <li>列表数据 1 </li>
        <li>列表数据 2 </li>
        <li>列表数据 3 </li>
    </ul>

    <!-- 有序标签 -->
    <ol>
        <li>有序列表数据一</li>
        <li>有序列表数据二</li>
        <li>有序列表数据三</li>
    </ol>

</body>

</html>

DI O

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
常用的html标签使用

标签不区分大小写，但是推荐使用小写。根据标签的书写形式，标签分为双标签(闭合标签)和单标签(空标签)双标签是指由开始标签和结束标签组成的一对标签，这种标签允许嵌套和承载内容，比如: div标签单标签是一个标签组成，没有标签内容，比如: img标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont.
复制链接

扫一扫

专栏目录