Html标签
1、HTML中的标签
p标签:段落标签  :空格 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>
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>
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>
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>