【HTML5学习笔记】7：查漏补缺1

最新推荐文章于 2024-05-04 01:24:57 发布

大桔骑士v

最新推荐文章于 2024-05-04 01:24:57 发布

阅读量680

点赞数

分类专栏： HTML 文章标签： web前端 HTML5 超链接文本

本文链接：https://blog.csdn.net/SHU15121856/article/details/71105157

版权

HTML 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

这次查漏补缺用的电子工业出版社的《Web前端技术》。

*关于文字和排版的

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<title>文字综合网页</title>
	<meta charset="utf-8">
</head>
<body>
	<center>需要居中的内容</center>
	<hr width="100%" size="1" color="#00ffee"><!-- 这里是一条直线 -->
	<blockquote>需要缩进的内容</blockquote>
	    前面四个是空格<br>
	<pre>
	pre标签里的文本都是预格式化好了的
	测试一下
	换行
		缩进
	都是可以的
	</pre>
	<ul type="square"><!-- 定义无序列表,square为实心方块,disc为实心圆点,circle为圆 -->
		<li>第一个列表项</li>
		<ol type="I"><!-- 定义有序列表 -->
			<li>第一个列表项</li>
			<li>第二个列表项</li>
		</ol>
		<li>第二个列表项</li>
	</ul>
	<address>E-mail:java233@foxmail.com</address>
</body>
</html>

运行结果：

*关于超链接的使用的

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<title>超链接综合实例</title>
	<meta charset="utf-8">
</head>
<body>
	<p><!-- p标签表示段落 -->
		<center><a name="top">这里是顶部的标题</a></center>
		img标签插入图像文件<br><br>
		src表示插入文件路径<br><br>
		map标签表示插入图像映射<br><br>
		area标签标示图像映射区域，其中shape属性表示映射区域形状，有三种取值<br><br>
		rect表示矩形区域，circle表示圆形区域，poly表示多边形区域<br><br>
		coords表示感应区域坐标，当鼠标指针指向图像的感应区域时，呈现手的标志<br><br>
		这时单击鼠标左键，会链接到href属性所指定的网页中<br><br>
		矩形的coords四个值表示左上x,左上y,右下x,右下y四个坐标<br><br>
		圆形的coords三个值表示圆心x,y坐标和半径<br><br>
		多边形的coords多个值表示各个顶点坐标值<br><br>
		<img src="tx.jpg" width="150" height="150" border="1" usemap="#Map">
		usemap 属性将图像定义为客户端图像映射<br><br>
		图像映射指的是带有可点击区域的图像<br><br>
		usemap 属性与map元素的name或id属性相关联，以建立img与map之间的关系<br><br>
		<map name="Map">
			<area shape="rect" coords="0,0,150,150" href="http://www.baidu.com">
		</map>
		在一堆文字里可以建立一些链接，然后我们点链接就能进到<a href="www.baidu.com">链接</a>里去。<br>
	</p>
	<p>
		<br><br><br><br><br><br><br>
		<a href="#top">返回顶部</a><br>
	</p>
</body>
</html>

运行结果：