HTML+CSS初学笔记精选系列

什么是HTML文本格式化

HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。

如下代码:

TThis text is normal

This text is bold

This text is strong

This text is big

This text is emphasized

This text is italic

This text is small

页面上显示如下:

This text is bold

This text is bold

This text is strong

This text is big

This text is emphasized

This text is italic

This text is small

按标签功能可以分为:文本格式化标签、'计算机输出'标签和引用和术语定义标签

文本格式化标签

“计算机输出”标签

引用、引用和术语定义

HTML 链接

HTML 使用超级链接与网络上的另一个文档相连。

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

通过使用 标签在 HTML 中创建链接。超链接的代码如:href 属性规定链接的目标,开始标签和结束标签之间的文字被作为超级链接来显示。

如下代码:

F2E.TMING

页面上显示为 F2E.TMING

注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn/html/"。

HTML 链接 - target 属性

标签的 target 属性规定在何处打开链接文档。

target属性有4个保留的目标名称用作特殊的文档重定向操作:

1)_blank

在一个新打开、未命名的窗口中载入目标文档。如 即是在新窗口打开该网站。

2)_self

在相同的框架或者窗口中显示。这个是target属性的默认值,如没有设置target属性,则标签的默认目标就是_self。如: 或 即是在当前窗口跳转

3)_parent

这个目标使得文档载入父窗口或者包含了超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

4)_top

这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

此外,target属性也可以设置为其他目标名,如: 点击后浏览器将打开一个新的窗口,将它标记为 "window1",然后在其中显示1.html这个文档

HTML 链接 - name 属性

name 属性规定锚(anchor)的名称。当使用命名锚时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

要使用锚链接,首先需要在 HTML 文档中对锚进行命名。命名锚的语法:

然后,在文档中用如下方式创建指向该锚的链接:。

例:

页面上已在段落“HTML 链接 - target 属性”的开始位置添加了一个锚点,代码为: ,链接代码如下跳转至段落:HTML 链接 - target 属性

点击试试效果:跳转至段落:HTML 链接 - target 属性

如果锚链接在页面上没有对应的命名锚,点击后会跳转到页面顶部。因此也可通过设置href="#"来实现跳转到顶部的功能。点击试试:回到顶部

注释:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。

练习题

1.以下哪个HTML代码可以产生超链接()

A、F2E.TMING

B、F2E.TMING

C、http://f2e.tming.net.cn/

D、F2E.TMING

2.以下哪个是电子邮件链接()

3.下列哪一项是在新窗口中打开网页文档()

A、_self

B、_blank

C、_top

D、_parent

4....表示()

A、跳转到"p1"页面

B、跳转到页面的"p1"锚点

C、超链接的属性是"p1"

D、超链接的对象是"p1"

5.以下哪个HTML代码可以产生超链接()

A、F2E.TMING

B、F2E.TMING

C、http://f2e.tming.net.cn/

D、F2E.TMING

6.以下哪个是电子邮件链接()

7.下列哪一项是在新窗口中打开网页文档()

A、_self

B、_blank

C、_top

D、_parent

8....表示()

A、跳转到"p1"页面

B、跳转到页面的"p1"锚点

C、超链接的属性是"p1"

D、超链接的对象是"p1"

关于我们

蓬勃健康发展的CSTP北京中关村顺义基地是大学生、高中学生实训的最佳选择,国内唯一“国字头”互联网+教育工程。基地设多个专业:电商与新媒体运营、web前端工程师、java软件工程师, UI设计等。

互联网行业的年轻人,你们面对着怎样的职业瓶颈、困惑与未来选择?加入CSTP,让行业专家、技术大牛、教育专家、职业规划专家给你解惑吧!

或搜索ID“cstpcn”

中国软件专业人才培养工程

中关村知尚软件学院

国内唯一“国字头”互联网+教育工程

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180209A0532V00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励