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