HTML认知

lsc。

已于 2023-04-21 09:19:59 修改

阅读量19

点赞数 1

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

于 2022-09-25 00:23:30 首次发布

本文链接：https://blog.csdn.net/qq_62594984/article/details/127032639

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

HTML格式：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页标题</title>
</head>
    <body>
        网页的主体内容
    </body>

</html>

开始标签 内容  结束标签
<strong>加粗</strong>

<!-- 标题标签 -->
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>

<!-- 段落标签 -->
<p>段落标签，我是一段文字</p>

<!-- 换行标签 -->
<br>

<!-- 水平分割线标签 -->
<hr>

父子关系(嵌套关系)

<head>
    <title></title>
</head>

兄弟关系(并列关系)

<head></head>
<body></body>

文本格式化标签的介绍

    <b>加粗</b>
    <strong>加粗</strong>
    <br>
    <u>下划线</u>
    <ins>下划线</ins>
    <br>
    <i>倾斜</i>
    <em>倾斜</em>
    <br>
    <s>删除线</s>
    <del>删除线</del>

媒体标签的介绍

<!-- 加载图片，当图片加载失败是显示alt文本,宽高只设置一个时等比例缩放 -->
<img src="./1.png" alt="图片加载失败" title="鼠标悬停时显示" width="200" height="100">

<!-- 播放音频 路径 显示控件 自动播放(有些浏览器不支持) 循环播放 -->
<audio src="./1.mp3" controls autoplay loop></audio>

<!-- 播放视频 autoplay自动播放(谷歌浏览器需要配合muted实现静音播放才能自动播放) -->
<video src="./1.mp4" controls autoplay muted loop></video>

<!-- 超链接 地址为"#"时是空连接 target目标网页打开形式,默认_self当前窗口跳转,_blank新窗口跳转 -->
<a href="https://www.baidu.com" target="_blank">跳转到百度</a>