HTML标签——基础标签

最新推荐文章于 2024-05-06 22:33:41 发布

炽烈妖凰

最新推荐文章于 2024-05-06 22:33:41 发布

阅读量276

点赞数

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

本文链接：https://blog.csdn.net/chmfy006/article/details/107751104

版权

Web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

基础标签

标签	描述
<!DOCTYPE>	定义文档类型（声明）
<html>	定义HTML文档
<head>	定义关于文档的信息
<title>	定义文档的标题
<body>	定义文档的主题
<h1>、<h2>…<h6>	定义HTML标题
<p>	定义段落
<br>	定义简单的折行
<hr>	定义水平线
<!–…-->	定义注释

标签的组成

大部分标签都由三部分组成，开始标签，结束标签和元素，元素即标签的内容。比如：
<p>我是一个段落</p>
这里面，<p>是开始标签,</p>是结束标签，开始标签和结束标签中间的部分就是这个标签的元素。有些标签没有结束标签，如<br>等，这样的标签称为空标签，没有结束标签当然就无从谈起开始标签和结束标签之间一说，自然也就没有元素。
标签属性一般写在开始标签内。

最简单的HTML程序

<!DOCTYPE html>
<html>
	<head>
		<title>Insert title here</title>
	</head>
	<body>

	</body>
</html>

<!DOCTYPE html>定义了文档的HTML版本为HTML5，<html>和<\html>之间的是文档的内容，<head>元素定义了文档的头部，里面的<titile>定义了文档的标题，<body>元素部分是文档的主题

标签的作用和用法

<!DOCTYPE>

作用
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于html标签之前。HTML有好多个版本。<!DOCTYPE> 声明不是 HTML 标签，它的作用是声明当前文档用的是那个版本的HTML。
用法

HTML5：<!DOCTYPE html>
HTML4.01：<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”"http://www.w3.org/TR/html4/loose.dtd>
XHTML 1.0：<!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>

<html>

作用
<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。

<head>

作用
<head> 标签用于定义文档的头部，它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
<title> 定义文档的标题，它是 head 部分中唯一必需的元素。

<body>

作用
body 元素定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

<h1>、<h2>…<h6>

作用
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
h元素拥有确切的语义，因此我们需要慎重地选择恰当的标签层级来构建文档的结构，不要利用标题标签来改变同一行中的字体大小。
用法

<!DOCTYPE html>
<html>
	<head>
		<title>Insert title here</title>
	</head>
	<body>
		<h1>This is heading 1</h1>
		<h2>This is heading 2</h2>
		<h3>This is heading 3</h3>
		<h4>This is heading 4</h4>
		<h5>This is heading 5</h5>
		<h6>This is heading 6</h6>
	</body>
</html>

在这里插入图片描述

<br>

作用
<br> 可插入一个简单的换行符。
<br> 标签是空标签，也就是没有元素的标签(意味着它没有结束标签，因此这是错误的：<br></br>)。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。

<hr>

作用
<hr> 标签在 HTML 页面中创建一条水平分隔线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
用法

<!DOCTYPE html>
<html>
	<head>
		<title>Insert title here</title>
	</head>
	<body>
		<p>第一段</p>
		<hr>
		<p>第二段</p>
	</body>
</html>

在这里插入图片描述

炽烈妖凰

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML标签——基础标签

基础标签标签描述<!DOCTYPE>定义文档类型（声明）<html>定义HTML文档<head>定义关于文档的信息<title>定义文档的标题<body>定义文旦的主题<h1>、<h2>…<h6>定义HTML标题<p>定义段落<br>定义简单的这行<hr>定义水平线<!–…--&
复制链接

扫一扫