HTML知识点总结！（一）

最新推荐文章于 2023-09-04 22:45:24 发布

Washington Wei

最新推荐文章于 2023-09-04 22:45:24 发布

阅读量3.3k

点赞数 41

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

本文链接：https://blog.csdn.net/weixin_47563991/article/details/112382466

版权

超文本标记语言 HTML标签文档结构头部元素主体内容

关键词由CSDN通过智能技术生成

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML知识点总结！（一）
（1）HTML
HTML（Hyper Text Markup Language）中文全名叫做超文本标记语言，超文本标记语言就是能够在文本内插入图片，音频，视频，超链接等。HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

（2）HTML的特点

HTML标签不区分大小写，<h1>和<H1>是一样的。
HTML的解析是从上至下的。
HTML具有一定的容错性，也就是如果我们输入的代码有一部分是错误的，系统不会报错，反而会按照他自己的思维修改你的错误。

（3）文档结构
一个网页对应多个HTML文件，超文本标记语言文件以.htm为扩展名或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。

（4）一个HTML文件是有自己固定的结构的。
标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。

<html>

<head>...</head>

<body>...</body>

</html>

解析：

<html></html>称为根标签，所有的网页标签都在<html></html>中。这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。
<head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、 <meta>等标签。

<head>  定义了文档的信息
<title>定义了文档的标题
<base>定义了页面链接标签的默认链接地址
<link>定义了一个文档和外部资源之间的关系
<meta>定义了HTML文档中的元数据
<script>定义了客户端的脚本文件
<style>定义了HTML文档的样式文件

在<body>和</body>标签之间的内容是网页的主要内容，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

（5）代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。被注释掉的内容不会被浏览器所解析，但会在代码中存在。

语法：

<!--注释文字 -->

（6）结构划分

<html>                // Html 开始标示
<head>                // Html 头标示
<title>Hello</title>  // 设置网页标题
</head>               // 头结束标示
<body>                // 主体开始标示
<p>Hello world!!!</p> // 放置Hello word！！！文本
</body>               // 主体结束标示
</html>               // Html结束标示

（PS：文章部分来源于网络）