HTML初识

最新推荐文章于 2023-08-01 16:15:02 发布

CrazyQiQi

最新推荐文章于 2023-08-01 16:15:02 发布

阅读量175

点赞数

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

本文链接：https://blog.csdn.net/CrazyQiQi/article/details/84594191

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1.HTML

HTML（Hyper Text Markup Language）超文本标记语言

超文本 是指能够包含页面内能够包含除文本以外的内容（例如：图片、视频、链接、音乐、程序等）

标记语言 指的是通过向文本添加标记符来告诉浏览器需要展示的内容

2.HTML骨架

<html>  <!--根标签-->
	<head>  <!--头标签-->
		<title> </title>  <!--标题标签-->
	</head>
	<body>  <!--主体标签-->
	······
	</body>
</html>

HTML语言结构主要包括头部分<head>和主体部分<body>
头部主要是提供网页信息，主体主要是展示网页具体内容。

3.标签分类

标签主要分为两类：双标签和单标签

3.1 双标签

由开始标签 和 结束标签 组成。其中“/”是代表关闭符号。

<html> </html>
<body> </body>
<p>  <!--开始标签，代表一个段落的开始--> 
</p> <!--结束标签，代表一个段落的结束-->
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<div></div>
<span></span>

3.2 单标签

仅由一个标签组成。
一般情况下单标签后面也是需要添加“/”关闭符号的

<br/>
<hr/>
<img/>

4.标签关系

4.1嵌套关系（父子关系）

可以看到title标题标签和head头标签是属于嵌套关系
div标签和p标签也是属于嵌套关系。

<html>  <!--根标签-->
	<head>  <!--头标签-->
		<title> </title>  <!--标题标签-->
	</head>
	<body>  <!--主体标签-->
		<div>
		<p> html </p>
		</div>
	</body>
</html>

4.2并列关系（兄弟关系）

body主体标签和head头标签是属于并列关系。
有序列表1和有序列表2也是属于并列关系

<html>  <!--根标签-->
	<head>  <!--头标签-->
		<title> </title>  <!--标题标签-->
	</head>
	<body>  <!--主体标签-->
		<ul>
			<li>列表1</li><!--列表-->
			<li>列表2</li>
		</ul>
	</body>
</html>