zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    Struts系列教材 (四)- 基础
    Struts系列教材 (三)- 基础
    Struts系列教材 (一)- 基础
    Hibernate系列教材 (三十)- 注解
    网络之AFNetworking
    iOS网络学习之“远离NSURLConnection 走进NSURLSession”
    ios中常见数据存储方式以及SQLite常用的语句
    利用"仿射变换"制作“酷炫特效”
    图片滚动新闻和新闻的滚动菜单
    简易聊天窗口
  • 原文地址:https://www.cnblogs.com/ggsdduzbl/p/4958360.html
Copyright © 2011-2022 走看看