其他分享
首页 > 其他分享> > HTML(二)常用标签

HTML(二)常用标签

作者:互联网

一、字体标签

<font size="3" color= "red">我是红色</font>
<p><font size=14 face="楷体" color="red">我是楷体、红色</font></p>
<p><font size=14 face=" 黑体" color=" #0000ff">我是蓝色</font></p>
<p><font size=14 face="宋体" color="blue">我 也是蓝色</font></p>

属性

<html>
	<head>
		<title>first.html</title>
	</head>
	<body>
		<font size="7" face="黑体" color="blue">
			这是第一个页面~~
		</font>
	</body>
</html>

在这里插入图片描述

二、段落标签

<p>我是段落</p>
<p>HTML超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器
进行解析,然后把结果显示在网页上.它是网页构成的基础,,你见到的所有网页都离不开HT
ML , HTML是用来制作网页的标记语言</p>
<p>我是段落</p>
<html>
	<head>
		<title>first.html</title>
	</head>
	<body>
		<p>
			asdfadgasdfasdgasdgf<br>joaijdfoiaoigja
		</p>
		<p>
			ueuibtibadfgiabeibasg
		</p>
	</body>
</html>

在这里插入图片描述

三、注释标签

<!--这里是注释,是作者对程序代码做的解释说
明,以增加代码可读性-->
<!--这里 是注释,是作者对程序代码做的解释说明,以增加代码可读性-->
<html>
	<head>
		<title>first.html</title>
	</head>
	<body>
	<!--这是一个注释-->
		<p>
			asdfadgasdfasdgasdgf<br>joaijdfoiaoigja
		</p>
		<p>
			ueuibtibadfgiabeibasg
		</p>
	</body>
</html>

四、标题标签

<h1>我是<font color="red">1</font>级标题</h1>
<h2>我是<font color="red">2</font>级标题</h2>
<h6>我是<font color="red">3</font>级标题</h6>

<h1>标题标签可以给seo优化

五、图片标签

<html>
	<head>
		<title>first.html</title>
	</head>
	<body>
		<!--相对路径-->
		<img src="image/headlogo/3.jpeg" alt="not found~" width="100px" height="100px">
		<!--绝对路径-->
		<img src="d:/My_Files/Python_Project/html/image/1.gif" alt="not found~">
	</body>
</html>

在这里插入图片描述

六、超级链接标签

<a href="page2.html">打开另一个页面</a>
<a href="page2.html">单击我会打开另一个页面</a>
<a href="image/welcome.png">单击我打开会打开一张图片</a>

a标签的target属性

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<h1>我的新页面</h1>
	<p><a href="first.html">返回到首页</a></p>
	<a href="https://www.baidu.com">百度</a>
	<a href="image/2.jpeg">打开一个图片</a>
	<!--使用图片打开超链接-->
	<a href="https://www.baidu.com" target="_blank">
		<img src="image/2.jpeg" width="100px" height="200px">
	</a>
</body>
</html>

在这里插入图片描述

标签:段落,常用,小贴士,示例,标签,html,HTML,字体
来源: https://blog.csdn.net/m0_48978908/article/details/120526834