常见HTML标签

最新推荐文章于 2024-09-20 12:08:28 发布

工地精神

最新推荐文章于 2024-09-20 12:08:28 发布

阅读量86

点赞数

文章标签： html

本文链接：https://blog.csdn.net/txyllyyj/article/details/118692383

版权

这篇博客介绍了HTML的基本结构和常见元素，包括标题标签h1-h6、段落p、水平线hr、注释、字体效果如加粗、斜体、下标和上标，以及字体标签font的应用。此外，还提到了换行br和颜色、对齐等属性的使用。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		今天天气真好！！！！！ 
		<hr />
		今天天气真好！！！！！ 
		<!--html的注释：标题标签：-->
		<h1 align="right">今天天气很好！！！！！</h1>
		<h2>今天天气很好！！！！！</h2>
		<h3>今天天气很好！！！！！</h3>
		<h4>今天天气很好！！！！！</h4>
		<h5>今天天气很好！！！！！</h5>
		<h6>今天天气很好！！！！！</h6>
		<!-- tab 补全  emmet语法格式-->
		<br />
		 <!--水平线  align 表示对齐 width 宽度  size 表示高度  color 表示颜色 -->
		 <!--颜色表示 ：名称 十六进制 、rgb的形式-->
		 <hr align="right" width="100px" size="10px" color="#ffff00"/>
		 <!--p段落标签-->
		 <p align="right">这是一个段落标签1 <br />这是一个段落标签1</p>
		 <p>这是一个段落标签1</p>
		 <p>这是一个段落标签1</p>
		 <p>这是一个段落标签1</p>
		 <p>这是一个段落标签1</p>
		 <!--字体效果-->
		  <!--b 加粗 行内标签，写完之后，不会换行，需要自行加换行标识-->
		  <!--b/strong表示粗体  i/em 表示斜体 -->
		  <b>这是一个粗体1</b>  <br />
		  <em>这是一个粗体2</em> <br />
		  <strong>这是一个粗体3</strong> <br />
		  <i>这是一个粗体4</i>
		  <br />
		  <!--下标 sub 上标 sup -->
		  h<sub>2</sub>O
		  <!--font 字体标签 face 表示字体名称  color 表示字体颜色   size 表示字体大小，值从1-7 逐渐增大 默认为3  -->
		  <br />
		  <font face="微软雅黑">这是一个中文 welcome to china</font>
		  <br />
		  <font face="宋体" color="#ff0015" size="1">这是一个中文 welcome to china</font> <br />
		  <font face="宋体" color="#ff0015" size="2">这是一个中文 welcome to china</font> <br />
		  <font face="宋体" color="#ff0015" size="3">这是一个中文 welcome to china</font> <br />
		  <font face="宋体" color="#ff0015" size="4">这是一个中文 welcome to china</font> <br />
		  <font face="宋体" color="#ff0015" size="5">这是一个中文 welcome to china</font> <br />
		  <font face="宋体" color="#ff0015" size="6">这是一个中文 welcome to china</font> <br />
		  <font face="宋体" color="#ff0015" size="7">这是一个中文 welcome to china</font> <br />
	 	  <font face="宋体" color="#ff0015" size="0">这是一个中文 welcome to china</font> <br />
	</body>
</html>

1. <br />：换行
2. <hr />：水平线（水平线 align 表示对齐 width 宽度 size 表示高度 color 表示颜色）

3.  ：注释

4.h1-h6 标题标签：从1开始逐渐减小，一共只有6个。属性： align ：表示标题的位置。

left center right 左中右

5.p 段落标签：每一段标签中间都有一个段间距。

6.b/strong ：加粗行内标签，写完之后，不会换行，需要自行加换行标识

7.i/em：表示斜体

8.sub：下标 sup 上标

9.font ：字体标签 face 表示字体名称 color 表示字体颜色 size 表示字体大小，值从1-7 逐渐增大默认为3

10.div：（1）.块级标签：标签自动占一行的位置，可以进行自动换行，这种标签，称为块级标签。例如： p div （2）.行内标签：标签不会自动占据一行，需要手动进行换行的，标签，称为行内标签。对于行内标签，宽高设置无效，只根据内容有影响。（3）.div：表示文档中的分区或节，俗称层

11.span：行内标签：宽高设置无效，只根据内容有影响。

12.ol：有序列表 ol 有序列表列表项 li start 表示列表项的起始值 type 表示列表项的数字类型 1 取值：默认取值 1 ，A a I i

13.ul：无序列表 ul 表示无序列表 type 表示列表项的图标类型：disc square circle

14.dl：定义列表 dl 定义列表 dt 列表的标题 dd 列表的标题项说明

15.img：img 图片 src 图片的存放位置 alt 图像的替代文本，当图片无法显示时，显示该信息 title表示图片的说明信息。 algin:对齐 border：边框 width：宽 height：高相对路径： web项目来说，相对路径： ① 前面什么都没带，表示在当前目录下。 ② / 表示根目录 ③ ./ 表示当前目录 ④ ../表示上一级目录