html基本标签

最新推荐文章于 2024-08-26 19:32:29 发布

爱吃草莓的桔子

最新推荐文章于 2024-08-26 19:32:29 发布

阅读量107

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/qq_44112572/article/details/113826931

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html基本标签及标签属性

html基本标签

<!-- !+tab键或html:5+tab键会自动生成文档结构 -->
<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<!-- 做移动端开发设置 -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
	</head>
	<body>

		<!-- 1.div：用来布局的，没有具体含义。层 -->
		<div>
			abc
			<div>
				dbe
			</div>
		</div>

		<!-- 2.hx:标题，从1级到6级，1级标题最大，6级最小，会自动加粗，有默认字号 -->
		<h1>前端课程开发</h1>
		<h2>java开发</h2>
		<h6>大前端开发</h6>

		<!-- 3.p：表示段落。相当于一个回车 -->
		<p>
			阿瑟费康师傅iuu俄按付款v阿玉ID法国红酒开心就好的反馈撒
			看看可视电话疯狂为UI烦恼的时刻把v时刻就是看到回复可是卡卡的
		</p>

		<!-- 4.br:生成一个换行符。单标签 -->
		<p>
			阿瑟费康师傅iuu俄按付款v阿玉ID法国红酒开心就好的反馈撒<br />
			看看可视电话疯狂为UI烦恼的时刻把v时刻就是看到回复可是卡卡的<br />
		</p>

		<!-- 5.hr:生成一条水平线，主要起装饰作用。单标签 -->
		<hr />
		<hr width="80%" align="center" color="red" height="2px">

		<!-- 6.a:实现链接跳转。target：_blank/_self/_parent/_top -->
		<a href="http://baidu.com" title="百度网站">百度</a>
		<a href="01html文档结构.html" target="_blank">文档结构</a> <!-- 浏览器在一个新打开的、未命名的窗口中载入目标文档 -->
		<a href="01html文档结构.html" target="_self">文档结构</a> <!-- 浏览器在当前窗口中载入目标文档 -->

		<!-- 7.img:用来加载外部图片、图像。src：用来设定加载的图片或图像的路径。alt：当图像加载不成功时，将显示其内容，否则将不会显示。title提示文字 -->
		<img src="https://www.baidu.com/cache/icon/favicon.ico" title="百度" alt="百度" />

		<!-- 8.span:作用与div一样，都是用来布局的，不同的是div会单独占一行，而span标签不会，span标签用于行列布局 -->
		<div>div1</div>
		<div>div2</div>
		<span>span1</span>
		<span>span2</span>

		<!-- 9.ul/ol:列表，前者是无序列表，后者是有序列表。他们列表内容都用的是li标签。 -->
		<ul>
			<li>li1</li>
			<li>li2</li>
			<li>li3</li>
		</ul>
		<ol>
			<li>li1</li>
			<li>li2</li>
			<li>li3</li>
		</ol>
	</body>
</html>

注解：

div标签：用来布局的，没有具体含义。其主要含义可以理解为层。
hx标签:标题，从1级到6级，1级标题最大，6级最小，会自动加粗，有默认字号。
p标签：表示段落。段落结尾存在回车。
br标签:生成一个换行符。单标签。
hr标签:生成一条水平线，主要起装饰作用。单标签。
a标签:实现链接跳转。target：_blank/_self/_parent/_top（_blank：浏览器在一个新打开的、未命名的窗口中载入目标文档；_self：浏览器在当前窗口中载入目标文档）
img标签:用来加载外部图片、图像。属性src：用来设定加载的图片或图像的路径。alt：当图像加载不成功时，将显示其内容，否则将不会显示。title提示文字。
span标签:作用与div一样，都是用来布局的，不同的是div会单独占一行，而span标签不会，span标签用于行列布局。
ul/ol标签:列表，前者是无序列表，后者是有序列表。他们列表内容都用的是li标签

备注：
自动生成html文档结构：!+tab键或html:5+tab键会自动生成文档结构。

html标签属性
1.通常由属性名=属性值组成。
2.起附加信息的作用。
3.不是所有的标签都有属性，比如br标签。

爱吃草莓的桔子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
html基本标签

html基本标签html基本标签<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">
复制链接

扫一扫