HTML:CSS 与 链接

论坛 期权论坛 期权     
Coder的自我修养   2019-7-27 14:45   3372   0
HTML CSS通过使用 HTML 4.0,所有格式化的代码均可以移除 HTML 文档,然后移入一个独立的样式表。
例1,添加到  部分的样式信息对HTML进行格式化:
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. h1 {color: red}
复制代码
  1. p {color: blue}
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. header 1
复制代码
  1. A paragraph.
复制代码
  1. [/code][code]
复制代码
  1. [/code]用浏览器打开上述代码,显示效果如下:[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-ae0bf77a2dc6269b6ef43b8f6d47ea18[/img]
  2. HTML 链接HTML 使用超链接与网络上的另外一个文档相连。几乎所有的网页上都存在链接。点击链接可以从一个页面跳转到另外一个页面。
  3. HTML中,超链接可以是一个字、一个词、一副图像等等。我们可以通过点击这些内容来跳转到新的文档或者当前文档的某一个部分。
  4. 当把鼠标移动到超链接上时,鼠标会由箭头变为一个小手。
  5. 我们使用标签在 HTML 中创建链接。使用有两种方式:1. 通过使用 herf 属性——创建指向另一个文档的链接;2. 通过使用 name 属性——创建文档内的书签。
  6. 例如:
  7. [list][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]本文本 是一个指向百度的链接。
复制代码
  1. [/code][code]
复制代码
  1. [/code]显示效果如下,点击“本文本”会跳转到百度主页。[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-6c50f7ff1e69b6f1f70fe540e85c9257[/img]
  2. HTML 中的链接语法很简单,类似于[code]Link text
复制代码
, 其中 herf 属性指向规定链接的目标。开始标签和结束标签之间的文字作为超链接来显示。
HTML 中,使用 target 属性来定义被链接的文档如何显示。
例如:
  1. [/code][code]
复制代码
  1. [/code][code]Visit W3School!
复制代码
  1. [/code][code]如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。
复制代码
  1. [/code][code]
复制代码
  1. [/code]显示效果如下,点击"visit w3school"会在新的窗口打开w3school网站。
  2. 如果不使用 target = "_blank" 属性进行设置,会在原窗口打开新网页。
  3. HTML 中 name 属性规定锚(anchor)的名称。
  4. 我们可以使用 name 属性创建 HTML 页面中的书签。书签不会以任何特殊方式显示,它对读者是不可见的。
  5. 当使用命名锚(named anchor)时,我们可以创建直接跳转到该命名锚(比如页面中的某个小节)的链接,节省了滚动页面的时间。命名锚常用于大型文档顶端,起到定位的作用。
  6. 命名锚的语法格式为:[code]锚(显示在页面上的文本)
复制代码
例如:
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. 基本的注意事项 - 有用的提示
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]有用的提示
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
同样,可以使用其他页面中创建的指向该锚的链接,此处略过。
注意,可以使用 id 属性替代 name 属性,同样有效。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:25
帖子:5
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP