资讯中心

HTML基础学习——链接和属性

来自:衡庐科技 发布时间:2019/10/21 15:37:06 浏览次数:

HTML 链接:

      HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面
      HTML超链接(链接)
      HTML使用标签 <a>来设置超文本链接。
      超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
      当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
      在标签<a> 中使用了href属性来描述链接的地址。
      默认情况下,链接将以以下形式出现在浏览器中:
         1.一个未访问过的链接显示为蓝色字体并带有下划线。
         2.访问过的链接显示为紫色并带有下划线。
         3.点击链接时,链接显示为红色并带有下划线。
      注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。

HTML 链接语法:

      链接的 HTML 代码很简单。它类似这样:
      <a href="https://www.baidu.com/">百度一下</a>
 
      href    属性描述了链接的目标。
 
      HTML 链接 : target 属性
      使用 target 属性,你可以定义被链接的文档在何处显示。
      下面的这行会在新窗口打开文档:

实例:

      <!DOCTYPE html>
      <html>
         <head>
            <meta charset="utf-8">
            <title>HTML中文网(html.cn)</title>
         </head>
         <body>
            <a href="https://www.baidu.com/"  target="_blank">百度一下</a>
            <p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>
         </body>
      </html>

结果:

 
 

 id 属性:

 
      id属性可用于创建在一个HTML文档书签标记。
 
      提示: 书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。
      在HTML文档中插入ID:
 
            <a id="test">要显示的内容</a>
 
      在HTML文档中创建一个链接到"访问要显示的内容(id="test")":
 
            <a href="#test">访问要显示的内容</a>
 
      或者,从另一个页面创建一个链接到"访问要显示的内容(id="test")":
 
            <a href="C:\Users\MI/html/test.html#test">访问要显示的内容</a>
 
      基本的注意事项
 
            注释: 请始终将正斜杠添加到子文件夹。假如这样书写链接:href="https://www.baidu.com/html",就会向服务器产生两次 HTTP求。
                       这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="https://www.baidu.com/html/"。
                       HTML属性主要是为HTML标签提供附加属性,即提供了有关HTML元素的更多信息。
 
 

HTML属性:

 
      属性总是在HTML元素的开始标签中定义的
 
      常见的属性:
 
            a标签中的href属性
 
                  <a href="http://www.baidu.com/">百度一下</a>
 
            input标签中的属性
 
                  用户名:<input type="text" value="">
 
            img中的属性
 
                  <img src="images/1.jpg">
 
      大多数标签具备的属性
 
属性                               含义
 
                                                                                       class                            元素的类名
 
                                                                                         id                             元素的唯一id
 
                                                                                       style                          元素的行内样式
 
                                                                                        title                          元素的额外信息
 
      注意:属性和属性值对大小写不敏感,但最好还是以小写的形式去写;属性值应该始终被包括在引号内,双引号是最常用的,
                不过使用单引号也没有问题。
售前咨询售后服务技术支持