• 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
  • 相关阅读:
    ExquisiteWnd
    GDIPlusEncapsulation
    COleDateTimeSpan
    Create Win32 Window
    vagrant 安装配置,PhpStorm10 设置远程调试
    PHPExcel导出主要代码记录
    常用js方法集合,动态加载js方法--判断变量是否为空--截取小数点后几位--截取带中文的字条串
    最近遇到的各种坑
    控制台运行bee run project 报[ERRO] Fail to watch directory[too many open files]
    Mac 安装beego And bee工具
  • 原文地址:https://www.cnblogs.com/ggsdduzbl/p/4958360.html
Copyright © 2020-2023  润新知