美文网首页
HTML文件及链接的相关知识

HTML文件及链接的相关知识

作者: Max_M | 来源:发表于2018-06-02 13:35 被阅读0次

    HTML基础

    HTML文件的基础结构
    <!doctype html>             <!--声明为 HTML5 文档-->
    <html>                           <!--HTML 页面的根元素-->
    <head>                          <!--包含了文档的元(meta)数据-->
    ...........
    </head>
        <body>
        ..............
        </body>
    </html>
    

    <head>中可有<meta>元信息定义、文档样式表定义和脚本信息
    meta的属性有:name和http-equiv
    meta的用法可有:
    设置页面关键字 ------ <meta name="keyword" content="插入关键字">
    设置页面说明 ---------<meta name="description" content="设置页面说明">
    定义编辑工具---------<meta name="genaration" content="FrontPage">
    设置网页文字及语言-------<meta http-equiv="content-type" content="text-html" charset="字符集类型" >
    设置网页的定时跳转-----<meta http-equiv="refresh" content="跳转时间; url=跳转到的地址">

    建立超链接

    超链接是我这段时间学习HTML来我觉得需要把握好的一个内容,是需要重点学习的。一个页面必不可少要用到链接来使得一个网页的内容更加丰富,就如以下图片 3M$6M}WHSFVZR55H3~D7XTX.png

    HTML 链接是通过标签 <a> 来定义的

    <a href="链接地址">........</a>

    <!doctype html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>链接</title>
    </head>
         </body>
                  <a href="https://www.baidu.com/"> 百度 </a>
          <body>
    

    此时点击百度就可以链接到百度官网

    锚点

    锚点:锚点相当于在这一页面中做了标记点击链接就可以快速跳转到相关内容

    1. 建立锚点: <a name="锚点名称"></a> (中间无内容)

    2.连接同一页面的锚点:快速访问同一页面的相关详细内容 用法:<a href=#"锚点名称">........</a> (中间有内容用作跳转的按钮)
    3.连接到其他页面中的锚点
    <a href=" 链接的地址#锚点名称">........</a>

    外部链接

    连接到外部网站、链接到E-mail、链接到FTP、链接到Telent、文件下载。

    总结:链接都是基于 <a href="链接地址"> ...... </a> 这个语法所衍生出来的 ,对于外部链接,链接到个别网页要进行相关链接声明。

    使用图像

    使用图像这节重点在于图像的热区链接,是基于图像的超链接知识,与前面学习的超链接的应用类似。

    相关文章

      网友评论

          本文标题:HTML文件及链接的相关知识

          本文链接:https://www.haomeiwen.com/subject/ptxxsftx.html