HTML学习第五天

HTML学习第五天

今天学HTML的实体、背景、布局

HTML布局的标签基本被淘汰frameset就被淘汰了,只有iframe依然存活,但是iframe可以被CSS给代替。下面就是一个练习的程序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
    <br/>
    <a href="http://www.baidu.com" target="_parent">百度</a>
    <iframe src="index03.html" width="800" height="800" frameborder="0">

    </iframe>
    <a href="http://www.baidu.com" target="_top">百度</a>
</html>

 

index02.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="#ff7f50">
    FrameB
    <br/>
    <iframe src="index01.html" width="400px" height="400px"></iframe>
</body>
</html>

 

index03.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body bgcolor="#5f9ea0">
    FrameC
    <br/>
    <iframe src="index02.html" width="600" height="600"></iframe>
</body>
</html>

 

index01.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="#ffd700">
    FrameA
    <a href="https://music.163.com" target="_top">网易云</a>
</body>
</html>

 

HTML的背景的设定background能添加各种图片,需要将图片加入到根目录下然后再<body>中可以设置

<body background="img/Vitraul/07.jpg">

HTML实体, 用于输出各种关键字,例如再页面中输出<HTML>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body background="img/Vitraul/07.jpg">
    abc&lt;html&gt;
</body>
</html>

 

posted @ 2020-02-10 20:49  秦_殇  阅读(137)  评论(0编辑  收藏  举报