html基础知识

最新推荐文章于 2024-07-22 13:26:28 发布

weixin_44197665

最新推荐文章于 2024-07-22 13:26:28 发布

阅读量249

点赞数

分类专栏： Web前端入门笔记文章标签： html css html5

本文链接：https://blog.youkuaiyun.com/weixin_44197665/article/details/109470062

版权

Web前端入门笔记专栏收录该内容

11 篇文章

订阅专栏

本文档详细介绍了HTML的基础知识，包括语法规范，如双标签和单标签的使用，以及标签间的并列和包含关系。此外，还讨论了HTML文档的基本结构，如文档类型声明、html、head和body标签对的作用。同时，提到了注释标签的使用以及特殊字符的表示，如空格、尖括号的转义方式。

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

文章目录

html基础

html基础

Html是一种超文本标记语言。
html文档可被多种浏览器读取以产生网页，文件后缀名为.html或.htm。

语法规范

html是标记型语言，所有标签的关键词都应卸载’< >'中，标签名和属性名都使用小写，属性的值要用双引号括起来

双标签

大部分标签为双标签，分为开始< >和结束标签</ >
例如：<html></html>

单标签

少部分标签为单标签，格式为< />
例如：<br/>

标签关系

有并列关系和包含关系，下例：

并列关系

eg:

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

包含关系

eg:

<body>
  <p>我被body包含了</p>
</body>

结构和结构标签

html文档的基本结构如下：

文档类型声明
html标签对
head标签对
body标签对

文档类型声明

这个部分的用来说明该文档是HTML文档。所有的HTML文档开始于文档声明之后，它说明了文档的类型及其所遵守的标准规范集。
eg:

<!-- 这是一个HTML5类型文档的声明-->
<!DOCTYPE html>

html标签对

称为根标签
开始标签<html>用来标识HTML文档的开始；
结束标签</html>则标识HTML 文档的结束；
eg:

<html lang='en'>
<!--语言(lan)为英语(en)-->
</html>

head标签对

<head> </head>标签对是文档的头部，包含有关HTML文档的信息，可以包含一些辅助性标签，如<title>,<style>,<script>,<link>,<meta>等。
其中<title>是网页的标题，必须设置，浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示<head>元素内的其他任何内容。
eg:

<head>
<!--其中内容为扩展知识-->
<meta charset="UTF-8">
<!--规定此文档的字符编码为UTF-8-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--规定网页在移动端的视口"viewport"宽度为设备宽度，初始缩放比例为1-->
<meta name="keywords" content="Web,Html">
<!--规定网页的关键词为Web和Html-->
<style><!--放CSS样式表的地方--></style>
<script><!--放JavaScript脚本的地方--></script>
<link> <!--定义文档与外部资源的关系，如链接到外部样式表。-->
<title>这是标题</title>
</head>

body标签对

它是HTML文档的主体部分，页面内容基本都在这里面，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。
eg:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--这里面写页面要呈现的元素-->
<p>一个段落</p>
</body>
</html>

注释标签

注释标签：

<!--'注释内容'-->

特殊字符

特殊字符用于替代文档中不方便直接使用的字符，所有特殊字符要加上’;'作为结尾。
空格：&nbsp
如果不使用&nbsp,再多空格也会被识别为一个
<：&lt
>：&gt