HTML 超链接,HTML 样式- CSS


HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。


尝试一下 - 实例

HTML 链接
如何在HTML文档中创建链接。

(可以在本页底端找到更多实例)


HTML 超链接(链接)

HTML使用标签 来设置超文本链接。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

在标签 中使用了href属性来描述链接的地址。

默认情况下,链接将以以下形式出现在浏览器中:

  • 一个未访问过的链接显示为蓝色字体并带有下划线。
  • 访问过的链接显示为紫色并带有下划线。
  • 点击链接时,链接显示为红色并带有下划线。

注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。


HTML 链接语法

链接的 HTML 代码很简单。它类似这样:

链接文本

href 属性描述了链接的目标。.

实例

访问菜鸟教程

上面这行代码显示为:访问菜鸟教程

点击这个超链接会把用户带到菜鸟教程的首页。

提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。


HTML 链接 - target 属性

使用 target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

实例

访问菜鸟教程!


尝试一下 »


HTML 链接- id 属性

id 属性可用于创建一个 HTML 文档书签。

提示: 书签不会以任何特殊方式显示,即在 HTML 页面中是不显示的,所以对于读者来说是隐藏的。

实例

在HTML文档中插入ID:

有用的提示部分

在HTML文档中创建一个链接到"有用的提示部分(id="tips")":

访问有用的提示部分

或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")":


访问有用的提示部分

HTML 样式- CSS


CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。

Look! Styles and colors

Manipulate Text

Colors,  Boxes

and more...


 

尝试一下 »


尝试一下 - 实例

HTML使用样式
本例演示如何使用添加到 部分的样式信息对 HTML 进行格式化。

本例演示如何使用样式属性做一个没有下划线的链接。
如何使用 style 属性制作一个没有下划线的链接。

链接到一个外部样式表
本例演示如何 标签链接到一个外部样式表。


如何使用CSS

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.

CSS 可以通过以下方式添加到HTML中:

  • 内联样式- 在HTML元素中使用"style" 属性
  • 内部样式表 -在HTML文档头部 区域使用


    外部样式表

    当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

    
    
    


    HTML 样式标签

    标签 描述