Html标签

1、HTML中的标签

p标签:段落标签     &nbsp:空格  h#:标题标签  <!--要注释的内容-->:注释符

<img/>:图片标签,用来显示图片。  src:表示要显示的图片的路径  heigth:图片的高度 px  width:图片宽度 px

alt:当图片由于某些原因显示失败的时候所显示的文本

title:当光标移动到图片上的时候显示的文本

<hr/>:分割线  <font></font>:字体标签 size =1 ~7 7最大 color:颜色 face:字体系列

a标签:超链接 href表示要连接到的地址  

target:打开新网页的方式

_blank表示打开一个新网页进行跳转。

_self表示在当前页面进行跳转。

1)实现页面内部的跳转

 1 <!DOCTYPE html>
 2 
 3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <meta charset="utf-8" />
 6     <title></title>
 7 </head>
 8 <body>
 9     <a href="http://www.baidu.com" target="_self">百度</a>
10     <br />
11     <a name="顶端" href="#底端">回到底端</a>
12     <br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br />
13     <br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br />
14     <br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br />
15    <a name="底端" href="#顶端">回到顶端</a>
16 </body>
17 </html>
View Code

2)实现页面间的跳转

 1 <!DOCTYPE html>
 2 
 3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <meta charset="utf-8" />
 6     <title></title>
 7 </head>
 8 <body>
 9     <a href="http://www.baidu.com" target="_self">百度</a>
10     <a name="html1" href="HTMLPage2.html#html2">我是html1,我要到html2</a>
11     <br />
12     <a name="顶端" href="#底端">回到底端</a>
13     <br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br />
14     <br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br />
15     <br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br />
16    <a name="底端" href="#顶端">回到顶端</a>
17 </body>
18 </html>
View Code
 1 <!DOCTYPE html>
 2 
 3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <meta charset="utf-8" />
 6     <title></title>
 7 </head>
 8 <body>
 9     <p>我只是用来测试页面之间跳转的</p>
10     <br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br />
11     <br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br />
12     <br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /> <br /><br />
13 <a name="html1" href="HTMLPage1.html#html1">我是html2,我要转到html1</a>
14 </body>
15 </html>
View Code

3)发送邮件

 1 <!DOCTYPE html>
 2 
 3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <meta charset="utf-8" />
 6     <title></title>
 7 </head>
 8 <body>
 9     <a href="mailto:1210586956@qq.com">发送邮件到1210586956</a>
10 </body>
11 </html>
View Code

 

posted @ 2016-12-18 16:48  菜鸟,你好  阅读(214)  评论(0编辑  收藏  举报