HTML——头部属性、标题标签、特殊字符和插入图片

valiant小东

已于 2022-07-24 11:39:44 修改

阅读量2.7k

点赞数 7

CC 4.0 BY-SA版权

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

于 2022-06-24 14:41:08 首次发布

本文链接：https://blog.csdn.net/qq_51869518/article/details/125442534

本文介绍了HTML的头部标签和属性，包括<head>中的<base>标签及其作用，以及标题标签<h1>到<h6>的使用。还详细讲解了如何插入特殊字符和使用<img>标签添加图片，并提供了代码实例和实际应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本人所使用的编辑器为vscode，默认浏览器为chrome。

上篇文章我有说过html主体部分的构成；主要是<head>&<body>部分。有不懂的可以参考阅读我的上一篇文章；

HTML——基本知识与P标签的简单显示https://blog.csdn.net/qq_51869518/article/details/125430936?spm=1001.2014.3001.5501

头部标签与属性

简单介绍一下html头部标签和标签的属性：

<head>
    <!-- meta标签 charset属性设置字符集 -->
    <meta charset="UTF-8">
    <!-- http-equiv属性值X-UA-Compatible告诉IE8采用什么版本去渲染网页 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- name属性设置浏览窗口的样式 由content的值来设置宽高、缩放比例等之类 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- title标签设置网页标题 -->
    <title>Document</title>
    <!-- link标签可以链接外部css层叠样式表 -->
    <link rel="stylesheet" href="">
    <!-- 链接外部脚本文件 -->
    <script src=""></script>
    <!-- 设置页面链接或源文件的基准URL和链接的目标 -->
    <base href="">
</head>

以上代码部分就是我个人对于头部标签和属性的一些说明和解释，但只是部分标签的说明。样式标签<style>和脚本标签<script>标签也可以在头部去引用。但是用的不多且不建议这样使用，所以不在此处做过多的说明和介绍。

可能对于<base>标签可能会陌生，下面我就简单举个例子来实际体会一下这个标签的用法和作用。先上代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compati

最低0.47元/天解锁文章

200万优质内容无限畅学