HTML常用标签(一)

最新推荐文章于 2021-07-21 14:55:14 发布

小贾爱编程

最新推荐文章于 2021-07-21 14:55:14 发布

阅读量850

点赞数 9

分类专栏： .NET 文章标签： html常用标签

本文链接：https://blog.csdn.net/qq_37589387/article/details/88626400

版权

.NET 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<meta>标签：

在HTML文档中的位置：用于<head></head>标签中。

常见作用：规定网页所使用的语言，避免乱码。<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>

向搜索引擎说明网站的主要内容<meta name="description" content ="全球领先的综合性网上购物中心"/>

为搜索引擎提供网页搜索关键字<meta name="keywords" content="当当网,当当"/>

<img>标签的基本语法格式

示例：<img src ="images/1000.jpg" alt ="购买就打折" width="150px" height="200px">属性：src:图像的位置；alt:鼠标放上提示的文本;width:图像宽度：height：图像高度

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		打折图书
		<img src="img/1000.jpg" alt="购买就打折" width="150px" height="150px" align="top"/>
	</body>
</html>

页面超链接<a>标签

格式：<a href="目标页面" target="blank">显示文本</a>,示例：<a href="newpage.html" target="blank">打开新页面</a>

属性:href:连接的目标页面（URL）;target:页面打开后的目标框架，新窗口：blank;父窗口：parent；本窗口：self；整个浏览器窗口:top

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		打折图书
		<img src="img/1000.jpg" alt="购买就打折" width="150px" height="150px" align="top"/>
		<a href="html4.01.html">新网页</a>
		<a href="html4.01.html" target="blank">新窗口</a>
	</body>
</html>

图像和超链接的组合（图像链接）

嵌套使用<a>和<img> <a href="http://www.sohu.com"> <img src="img src="images/sohu.jpg" alt="链接到搜狐"></a>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		打折图书
		<img src="img/1000.jpg" alt="购买就打折" width="150px" height="150px" align="top"/>
		<a href="html4.01.html">新网页</a>
		<a href="html4.01.html" target="blank">新窗口</a>
		<a href="http://www.sohu.com"> <img src="img/sohu.jpg" alt="链接到搜狐"/></a>
	</body>
</html>

锚记标签（链接到本页面）

网页高度较大时，使用锚记标签让用户“跳”到网页的某个部分

使用步骤：

（1）使用name属性创建锚记标签。如：<a name="chapter01">第一章</a>

(2)将超链接的href属性指向锚记标签。如：<a href="#chapter01">定位第一章</a>

电子邮件链接：

格式：<a href= mailto:邮箱地址 >编者邮箱</a> 示例：<a href="mailto:lk2011@163.com">编者邮箱</a>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="mailto:abc2016@163.com">编者邮箱</a>
	</body>
</html>