html页面布局

1:主页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html框架</title>
</head>
<frameset rows="90,*,90" frameborder="1" border="1" noresize="noresize"><!--窗口-->
    <frame name="top" src="top.html"/><!--子窗口-->
    <frameset cols="30%,70%">
        <frame name="left" src="left.html"/>
        <frame name="right" src="right.html" />
    </frameset>
    <frame name="bottom" src="bottom.html"/>
</frameset>
</html>

2:网页的顶部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML框架</title>
</head>
<body bgcolor="green">
<h1 align="center">网页的顶部</h1>
</body>
</html>

3:网页的左部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML框架</title>
</head>
<body>
<ul>
    <li><a href="demo.html" target="_blank">首页</a> </li><br/>
    <li><a href="demo.html" target="_blank">新闻</a> </li><br/>
    <li><a href="demo.html" target="_blank">咨询</a> </li><br/>
    <li><a href="demo.html" target="_blank">图片</a> </li><br/>
    <li><a href="demo.html" target="_blank">联系我们</a> </li><br/>
    <li><a href="demo.html" target="_blank">尾页</a> </li><br/>
</ul>
</body>
</html>

3:网页的右部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML框架</title>
</head>
<body>
<table>
    <tr>
        <td><img src="welcome.jpg" width="120" height="90"></td>
        <td>
            什么是 HTML?
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言,而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
        </td>
    </tr>
    <tr>
        <td><img src="welcome.jpg" width="120" height="90"></td>
        <td>
            什么是 HTML?
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言,而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
        </td>
    </tr>
    <tr>
        <td><img src="welcome.jpg" width="120" height="90"></td>
        <td>
            HTML 标签
            HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
            HTML 标签是由尖括号包围的关键词,比如 html
            HTML 标签通常是成对出现的,比如 <b> 和 </b>
            标签对中的第一个标签是开始标签,第二个标签是结束标签
           开始和结束标签也被称为开放标签和闭合标签
        </td>
    </tr>
    <tr>
        <td><img src="welcome.jpg" width="120" height="90"></td>
        <td>
            HTML 文档描述网页
            HTML 文档包含 HTML 标签和纯文本
            HTML 文档也被称为网页
            Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:
        </td>
    </tr>
</table>
</body>
</html>

5:网页的底部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML框架</title>
</head>
<body bgcolor="green">
<center><p><font color="white">网页的版权所有</font></p></center>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/YINZONGCHAO/article/details/81095483