HTML5中常用的标签

最新推荐文章于 2024-09-30 21:15:00 发布

生如夏葵

最新推荐文章于 2024-09-30 21:15:00 发布

阅读量470

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/qq_40631604/article/details/107166579

版权

本文介绍了HTML5中的一些基本语法和常用标签，包括head中的标签、文本标签、列表标签、图片和超链接的使用，以及table表格的创建。

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

HTML5中常用的标签

一、html基本语法

<!--
 1. HTML基本语法
 1)在html中大小写不敏感(html语法中大写和小写一样)
 2)html是通过不同的标签来给网页提供不同的内容
 
 2.标签(又叫标记)
语法：
<标签名 属性名1=属性值1 属性名2=属性值2 ...>标签内容</标签名>     - 双标签语句
<标签名 属性名1=属性值1 属性名2=属性值2 ...> 或者 <标签名 属性名1=属性值1 属性名2=属性值2 .../>      - 单标签语法

说明:
1)标签名  -  html提供的标签的名字（不是程序员自己创建的）;
		    写法上不能和< 或者 > 或者 / 之间有空格（不能随意添加空格）
2)属性    -  以 属性名=值 的形式存在，多个属性之间用空格隔开;
			属性有哪些是标签决定;
			属性值必须用引号引起来
			
3)标签内容 - 只有双标签才有标签内容;
            标签内容可以是任何内容：a.纯文字   b.一个或多个其他标签  c.文字和标签的结合
			
哪些标签是单标签哪些标签是双标签在设计html语言的时候就已经定好了，程序员无法修改。
 -->

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

二、head中的标签

<!--
 1.head中的标签
 meta   -  设置网页元数据的标签（网页设置性的操作）
 title  -  设置网页标题
 style  -  导入样式表的标签(CSS)，head和body中都可以使用
 link   -  导入外部文件(设置网页图标、导入外部样式表)； head和body中都可以使用，但是设置图标的功能只能在head中实现
 script -  导入js代码或者js文件(JS)
 -->
<!DOCTYPE html>
<html>
	<head>
		<!-- 1.设置文本编码方式 -->
		<meta charset="utf-8">
		<!-- 2.设置网页标题 -->
		<title>head中标签</title>
		<!-- 3.设置网页图标
			1）rel -  设置被导入的文件的功能；
			          stylesheet（样式表）
					  icon（网页图标）
			2）type - 指定被导入的文件的类型
			          text/css(后缀是css的文本文件)
					  text/txt(后缀是txt的文本文件)
					  image/png(后缀是png的图片文件)
					  image/ico(后缀是ico的图片文件)
			3）href - 被导入的文件的路径	  
		 -->
		<link rel="icon" type="image/ico" href="./img/jd_logo.ico"/>
		
	</head>
	<body>
		
	</body>
</html>

三、文本标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 1.标题标签: h1 ~ h6
			h1 - 一级标题
			h2 - 二级标题
			h3 - 三级标题
			h4 - 四级标题
			h5 - 五级标题
			h6 - 六级标题
		 -->
		 <h1>标题1</h1>
		 <h2>标题2</h2>
		 <h3>标题3</h3>
		 <h4>标题4</h4>
		 <h5>标题5</h5>
		 <h6>标题6</h6>
		 <h7>标题7</h7>
		 标题7
		 
		 <!-- 2.段落标签: p 
			一个段落对应一个p标签
		 -->
		 <h2>2.段落标签</h2>
		 <p>
			 新京报快讯 据天津卫健委微信公众号消息，截至7月6日6时，
			 天机新增境外输入无症状感染者1例（中国籍），累计29例（境外输入28例），
			 其中解除医学观察21例、尚在医学观察5例、转为确诊病例3例。
		 </p>
		 <p>
			 第29例无症状感染者，女，23岁，学生，中国籍，近期居住地西班牙巴塞罗那
			 。自西班牙马德里乘坐航班（CA908），于7月5日抵达天津滨海国际机场。入境时体温3
			 6.5℃，申报无疾病症状，经海关检疫排查采样后，即转送至南开区集中隔离医学观察点；
			 当日核酸检测结果显示为阳性。后经市专家组确诊为我市境外输入无症状感染者，
			 现已转至空港医院进行隔离医学观察。全程实施闭环管理。
		 </p>
		 
		 <!-- 3.普通文本标签: font-->
		 <h2>3.普通文本标签</h2>
		 <font>发布时间：07-0513:11</font>
		 <font>量子位官方帐号，万象大会年度获奖创作者,
		 财经领域创作者</font>
		 
		 <!-- 4.空格和换行 
			强制换行 - br标签
			空格符号 - &nbsp;(空一个像素)   &emsp;(空一个空格键)
		 -->
		 <h2>4.空格和换行 </h2