码迷,mamicode.com
首页 > Web开发 > 详细

HTML

时间:2016-04-26 14:12:23      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

URL, URI, URN

URL: 统一资源定位符: Uniform Resource Locator

URN: 持久可用的资源标准名称 Uniform Resource Name , 比如邮箱

URI: Uniform Resource Identifier : 包含URL和URN

文字写在图片上:

<html>
<head>
	<title>背景图片</title>
</head>
<body background="qin.jpg">
	我写在图片上面了哦!
</body>
</html>

设置锚点: 05设置test锚点, 06可以链接到这个锚点的位置:

05.html:

<html>
 <head>
   <title>anchor</title>
 </head>
 <body>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	<a name="test">我是一个anchor哦! </a>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
 </body>
</html>

06.html:

<html>
	<head>
		<title>link</title>
	</head>
	<body>
		<a name="01">页头</a>
		<br>
		<a href="05.html#test">05.html</a>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<a href="#01"> 本页中的01 </a>
	</body>
</html>

回到页首的实现:

<html>
 <head>
   <title>anchor</title>
 </head>
 <body>
	<a name="test">我是一个anchor哦! </a>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>	
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	我会努力的!<br>
	<a href="#test">回到页首</a>
 </body>
</html>

  

相对路径:  

<html>
<head>
	<title>路径问题</title>
</head>
<body background="qin.jpg">
	<img src="images/nm.jpg"></img>
	<br>
	<img src="http://www.bjsxt.com/images/bar/top.jpg"></img>
</body>
</html>

  

字体:

<html>
	<head>
		<title>字体</title>
	</head>
	<body>
		<h1>第一级</h1>
		<h2>第二级</h2>
		<h3>第三级</h3>
		<h4>第四级</h4>
		<h5>第五级</h5>
		<h6>第六级</h6>
	</body>
</html>

 

<!doctype html>
<html>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<head>		
		<title>文字显示效果</title>
	</head>
	<body>
		<font color="red" size="5">红色的字, 大小是5 </font>
		<br>
		<font color="#0000ff" size="2">蓝色的字, 大小是2 </font>
		<br>
		<font size=6>
			<b>黑体</b>
			<br>
			<i>斜体</i>
			<br>
			<u>下划线</u>
			<br>
			<s>中划线</s>
			<br>
			<blink>闪烁</blink>
			<br>
			数组下标<sub>5</sub>
			<br>
			次方<sup>3</sup>
		</font>
	</body>
</html>

  

 

 

 

  

HTML

标签:

原文地址:http://www.cnblogs.com/wujixing/p/5434578.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!