HTML基础标签

littlePig226

已于 2023-01-18 22:13:00 修改

阅读量59

点赞数

文章标签： html 前端 Powered by 金山文档

于 2023-01-13 22:20:07 首次发布

原文链接：https://www.w3cschool.cn/htmltags/ref-byfunc.html

版权

HTML（Hyper Text Markup Language，超文本标记语言），用来描述网页的一种语言，使用标签来描述。HTML文档被成为网页，其中包含标签和纯文本。

1.<!DOCTYPE> 定义文档类型

<!DOCTYPE>的声明必须在HTML文档的第一行，这个声明元素不是HTML标签，而是指示web浏览器使用哪个HTML版本编写网页的指令，也可以说是在告诉浏览器的解析器使用哪种HTML规范来解析页面。

在W3C标准出来以前，不同浏览器有不同的网页标准，这是的网页模式是怪异模式，即浏览器按照自己的方式来解析代码。现在W3C有了统一的标准，也就是标准模式，每个浏览器按照W3C标准来解析代码。

2.<html> 定义HTML文档

告诉we浏览器这是一个HTML文档，<html>限定文档的开始，</html>限定文档的结束，中间是文档头部<head>和主体<body>。

3.<head> 定义文档头部（文档的信息）

它是所有头部元素的容器，<head>中的元素可以引用脚本，引用样式表，提供元信息等等。但是头部内的数据都不会作为正式内容展现给读者。

<head>中能使用的标签：<base>,<link>,<meta>,<sctipt>,<style>,<title>。

其他标签都可以没有，但是<title>标签必须存在，这代表着这个HTML文档（网页）的标题。

4.<title> 定义文档标题

一个网页最重要的标题由<title>标签来定义，在进行网页的收藏时，标题将作为文档链接的默认名称。

5.<body> 定义文档主体

body元素包含文档所有显示内容（文本，图像，表格，表单等）。

6.<h1>-<h6> HTML标题

<h1>定义最大的标题，<h6>定义最小的标题，标题独占一行。其他标签字体大小逐渐变大或变小。

7.<p> 定义段落

在浏览器中，p元素的前后都会浏览器自动添加的一小部分空白，且同一行内没有其他元素。

8.<br> 换行符

在设计文本的排版时，可以使用换行符强制换行。

9.<hr> 水平线

一条好看的水平线，到现在为止，已经很少有网站用水平线了。

10. 注释

给代码添加解释，方便理解或以后理解，注释里的内容不会显示在浏览器上。

标签的使用如例：

<!DOCTYPE>
<html>
    <head>
        <title>文档标题</title>
    </head>
    <body>
        <!-- h1-h6 -->
        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>
        <!-- p -->
        <p>这是一段文字</p>
        <!-- br -->
        ABCDEF<br/>GHIJKL<br/>MNOPQR<br/>STUVWX<br/>YZ
        <!-- hr -->
        <hr>
    </body>
</html>