HTML基础标签

VIP文章不掉发的小刘

已于 2023-05-13 10:45:06 修改

阅读量63

点赞数 2

分类专栏：前端文章标签： html css 前端

于 2023-05-02 14:21:31 首次发布

本文链接：https://blog.csdn.net/YouWan797411/article/details/130463420

版权

[html基础标签]

文章目录

- - [html基础标签]
1.文档结构
2.文本标签
3.图片
4.音频与视频
5.超链接
- - - 常用选项
6.表单
7.列表
8.表格
9.语义标签
10.特殊符号
- 应用示例

1.文档结构

html的所有标签为树形结构，例如：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web应用课</title>
</head>
<body>
    <h1>第一讲</h1>
</body>
</html>

`<html>`标签

HTML <html> 元素表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。

`<head>`标签

HTML head 元素规定文档相关的配置信息（元数据），包括文档的标题，引用的文档样式和脚本等。

`<body>`标签

HTML body 元素表示文档的内容。document.body 属性提供了可以轻松访问文档的 body 元素的脚本。

`<title>`标签

HTML <title> 元素定义文档的标题，显示在浏览器的标题栏或标签页上。它只应该包含文本，若是包含有标签，则它包含的任何标签都将被忽略。

`<meta>`

HTML <meta> 元素表示那些不能由其它 HTML 元相关（meta-related）元素（(<base>、<link>, <script>、<style> 或 <title>）之一表示的任何元数据信息。

常见属性：

charset：这个属性声明了文档的字符编码。如果使用了这个属性，其值必须是与 ASCII 大小写无关（ASCII case-insensitive）的"utf-8"。
name：name 和 content 属性可以一起使用，以名 - 值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值。

`icon`

<link rel="icon" href="images/icon.png">

资源地址：

acapp.png

``

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--   
        这里的内容均为注释
        <h1>第一讲</h1>
        <p>
            段落。
        </p >
    -->
</body>
</html>