HTML常用标签(一)

<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:[email protected]">编者邮箱</a>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="mailto:[email protected]">编者邮箱</a>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_37589387/article/details/88626400