04_HTML 内联框架和超链接标签

04_HTML 内联框架和超链接标签,第1张

时间:2018-09-29 姓名:魏文应

在当前 html 引入另外一个 html 文件:

src="lesson-02.html" 引用了 lensson-02.html 这个文件,效果就是这样

内联框架还可以指定其它属性,如:宽度( width )和高度( height ),以及名字( name ):

注意:不推荐使用内联框架,因为搜索引擎不会检索内联 .html 的内容。

使用 <a> 标签,添加超链接:

显示效果如下:

点过的超链接,会变成红色。 target="_blank" 属性,使得点击时,在 新标签打开 超链接页面。 target="_self" 属性,是在 当前标签页面 中打开超链接。当然,还可以在 内联框架 中打开:

下面通过 target="test" 关联内联框架中的 name="test" 属性,点击超链接以后的显示效果如下:

在结构、表现、行为中,居中显示属于 表现,在 CSS 设置,所以不建议使用 HTML 进行居中说明。如果你非要在 HTML 中说明居中,可以使用 <center> 标签:

注意:不推荐使用 <center> 标签。

在网页中,我们经常点击 回到顶部 超链接,就回到了页面顶部:

a 标签中,设置超链接属性 href="#" ,点击这个超链接,就可以回到顶部。当然,也可以通过设置 a 标签的 id 属性,去到页面中任意一个位置:

id 属性的值,在同一个 HTML 页面中不能重复。很好理解,如果你在很多个地方设置了 id="label" ,那么 href="#label" 就不知道定位到那个位置。id 的数值只能以字母开头,比如, id="123abc" 就不行,不能以数字开头。

类似点击 联系我们 的效果:

HTML称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

 

<body>

</body>

</html>

这算是html文件的基本结构了,其他的HTML标签以成对出现的方式在<body></body>中,也就是网页的主体内容。

框架标记

<FRAMESET>框架设定

<FRAME>框窗设定

<IFRAME>页内框架 于网页中间插入框架

<NOFRAMES>不支持框架 设定当浏览器不支持框架时的提示


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7606000.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存