HTML 基本标签（一）-CSDN博客

本文链接：https://blog.csdn.net/weixin_44462064/article/details/96497363

本文介绍了HTML的基础概念，包括超文本标记语言的特点和基本语法。内容涵盖html文档结构，如html、head、title、body等标签的使用，以及文本、图片、列表、链接、div、span和语义化标签的解释，为初学者提供了快速入门的指导。

摘要由CSDN通过智能技术生成

HTML

概念：是最基础的网络标记语言。
Hyper Text Markup Language 超文本标记语言
超文本 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
标记语言：由标签构成的语言。<标签名称> 如html，xml
标记语言不是编程语言
快速入门
语法：

html文档后缀名，.html或者.htm
标签分为
1.围堵标签：有开始标签和结束标签。
2.自闭合标签：开始标签和结束标签在一起。
标签可以嵌套：
需要正确嵌套，不能你中有我，我中有你
在开始标签中可以定义属性，属性是由键值对构成的，值需要用引号（单双都可以）引起来

html的标签不区分大小写，建议使用小写。
代码：

 				<html>
 					<head>
 						<title>title</title>
 					</head>
 					
 					<body>
 						<font color='red'>Hello World</font><br/>
 						<font color='green'>Hello World</font>
 					</body>
 				</html>

标签学习：

文件标签：构成html最基本的标签
*html：html文档的根标签
*head：头标签。用于指定html文档的一些属性。引入外部的资源
*title：标题标签
*body：体标签
*<!DOCTYPE>:html5中定义该文档是html文档

文本标签：和文本有关的标签

 		    *注释：<!--注释内容-->
 			*h1 to h6：标题标签   --> h1 到 h6 字体大小逐渐递减
 			*p：段落标签
 			*br：换行标签
 			*hr：展示一条水平线
 				属性：
 					*color：颜色
 					*width：宽度
 					*size：高度
 					*align：对齐方式     
 						*left：左对齐   
 						*right：右对齐 
 						*center：居中
 		*<b>：字体加粗
 		*<i>：字体斜体
 		*<font>：字体标签
 			*属性：
 				*color 颜色
 				*size 大小
 				*face 字体
 		*<center>：居中标签
 		*属性的定义：
 			*color：
 				1.英文单词：red green black
 				2.rgb(值1，值2，值3)：值的范围：0-255  如 rgb（0,0,255）
 				3.#值1值2值3：值的范围：00-FF之间  如：#FF00FF
 			*width：
 				1.数值：width='20',数值的单位默认为px（像素）
 				2.数值%：占比相对于父元素的一个比例。

图片标签：在页面上显示图片
*img：展示图片
属性：
*src 指定图片的位置
列表标签：
有序列表
*ol type 可以指定序号的格式
*li
无序列表
*ul type 可以指定序号的样式
*li
链接标签：
*a 定义一个超链接
属性：
*href 统一资源定位符
*target：指定打开资源的方式
_self 默认值，在当前页面打开
_blank 在空白页面中打开
div和span标签：
div：每个div标签占满一整行，块级标签
span：文本信息在一行展示，行内标签内联标签
语义化标签：使用html5中为了提高程序的可读性，提供了一些标签
*header 头标签
*footer 脚标签

表格标签：

 		  *table 定义表格
 				*width:宽度
 				*border：边框
 				*cellpadding：定义内容和单元格的距离
 				*cellspacing：定义单元格之间的距离，如果指定为0，则单元格的线会合为一条。
 				*bgcolor：背景色
 				*align：对齐方式
 			*tr    定义行
 				属性:
 					*bgcolor：背景色
 					*align：对齐方式
 			*td    定义单元格
 				属性：
 					*colspan：合并列
 					*rowspan：合并行
 			*th    定义表头单元
 			*caption：定义表格的标题
 			*thead:  表示表格的头部分
 			*tbody： 表示表格的体部分
 			*tfoot： 表示表格的脚部分