HTML+CSS培训教案（五）

最新推荐文章于 2021-06-29 03:29:48 发布

红壶吃猬队

最新推荐文章于 2021-06-29 03:29:48 发布

阅读量251

点赞数 1

分类专栏： HTML/CSS HTML+CSS培训教案文章标签： HTML CSS 教程

本文链接：https://blog.csdn.net/chenmiaoqin950606/article/details/88854765

版权

HTML/CSS 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

HTML+CSS培训教案

16 篇文章 1 订阅

订阅专栏

十一、锚链接

代码

<html>
    <head>
        <meta content="text/html;charset=utf-8">
        <title>锚链接</title>
    </head>
    <body>
        <a href="#first">首行</a>
        <a href="#second">次行</a>
        <a href="#third">三行</a>
        <a href="#end">尾行</a><br>
        <p><a name="first">锄禾日当午</a></p><br><br><br><br><br><br>
        <p><a name="second">汗滴禾下土</a></p><br><br><br><br><br><br>
        <p><a name="third">谁知盘中餐</a></p><br><br><br><br><br><br>
        <p><a name="end">粒粒皆辛苦</a></p><br><br><br><br><br><br>
    </body>
</html>

知识点

锚链接：自己链接自己
链接原理：

<a href="#__"> “#”+name属性值

<a name="__"> “#”+name属性链接

十二、框架

代码

<html>
    <head>
        <meta content="text/html;charset=utf-8">
        <title>锚链接</title>
    </head>
    <frameset cols="30%,*">
        <frame>
        <frame>
    </frameset>
</html>

知识点

<frameset></frameset>窗体分割标记：cols列向分割，rows行向分割，二者不能共存
分割比例：(1)数值；(2)百分比。“*”代表剩余部分
窗体分割标记和<body></body>标记不能共存

扩展

设置第一个<frame>标记的src属性为某网页或图片的url

答案：分割后的小框架可通过<frame>的src属性引入文件
去除第二个<frame>标记，并替换为如下代码：

<frameset rows="400, *">
    <frame>
    <frame>
</frameset>

答案：框架可以无限分割

创建01.html于同级目录，并设置2题中第一个<frame>标记的src为"01.html"

[01.html]

<html>
    <head>
        <meta content="text/html;charset=utf-8">
        <title>锚链接</title>
    </head>
    <body>
        <iframe width="300" height="300"><iframe>
    </body>
</html>

答案：(1)<iframe></iframe>嵌入式框架，大小不随窗口的变化而变化

(2)可通过width、height属性设置其宽、高

(3)src属性同前

红壶吃猬队

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS培训教案（五）

十一、锚链接代码<html> <head> <meta content="text/html;charset=utf-8"> <title>锚链接</title> </head> <body> <a href="#first">...
复制链接

扫一扫