HTML标签总结

原创已于 2023-07-28 16:30:47 修改 · 175 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html

于 2021-10-21 13:33:38 首次发布

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了HTML的基础知识，包括HTML的定义、使用方式和常见标签。HTML是一种超文本标记语言，用于描述网页结构并结合非文字元素。文章详细讲解了双标签和单标签的用法，如b、i、u、del、br和hr，并通过实例展示了段落、字体样式和对齐方式的设置。此外，还探讨了超链接<a>标签的使用，以及其href属性的设置。

HTML介绍

1、什么是HTML

超文本标记语言

超文本：相比于普通文本更加强大，页面内可以包含锚(超链接)、图片,甚至是音视频、程序等非文字元素。

标记语言：将文本以及文本相关的其他信息结合起来，展现出关于文档机构和数据处理细节的电脑文字编码，是由一组标签对内容进行描述的一门语言，它不是编程语言。

2、HTML使用

所有的html文件的后缀都是以.html或.htm结尾的，建议以.html结尾。
整个html文件分别都是由头部<head></head>、主体<body></body>两部分组成。
大部分标签都是以开始标签和结束标签。
html标签忽略大小写，建议使用小写。

3.常用标签的介绍

语法结构：

 <标签 属性="名称"></标签>

双标签有开始有结束

 eg: <head> </head>

单标签只存在开始不需结束；

eg:  <br>

*双标签通常用于包含内容的元素，单标签表示无内容的元素。

加粗	b/strong
斜体	i/em
下划线	u
删除线	del
换行	br
水平分割线属性	<hr> 长短-----width 粗细-----size
注释	<!--注释内容-->

代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>第一天基本标签</title>  <!--网页名称-->
</head>
<body>
	<i><b>实践是检验真理的唯一标准</i></b>   科学理论的<del>最佳</del>价值就在于回答时代课题、推动<u>实践</u>发展。<br><hr width="2000"  size="2">大气污染是指大气中一些物质的的含量达到有害的程度一直破坏生态系统和人类正常生存与发展的条件，对人类造成危害的现象。
</body>
</html>

运行结果：

扩展内容

段落标签	p
上标	sup
下标	sub
输出原样文本	pre
行内标签---只占据内容部分，不会自动换行，除非一行铺满	span
块标签(块级标签)----盒子---自动换行---布局	div
标题标签--字体从大到小--加粗--换行	hn(n表示取值1-6)
align属性	center(居中) left(靠左) right(靠右)
字体	font
颜色属性	color
颜色表示方法	英文单词 eg--red(红色) green(绿色) 三原色法 #rrggbb 0-f #000000

代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>第一天基本标签</title>  <!--网页名称-->
</head>
<body>
	<p align="center">get请求和post请求的区别有哪些</p>
	<p align="left">1.get请求的数据会暴露在地址栏中，而post请求则不会。</p>
	<p align="right">2.get请求传输数据量小，post请求传输数据量大。</p>
	<div>3.post的安全性比get的高</div>
	<font color="blue">这是get请求与post请求的3点区别</font>
</body>
</html>

运行结果：

4.a标签

<a>标签定义超链接，用于从一张页面链接到另一张页面， <a> 元素最重要的属性是 href 属性，它指示链接的目标

href属性

用于指定超链接目标的 URL

基本代码显示

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<a href="http://www.w3school.com.cn">W3School</a>
</body>
</html>

运行结果