零基础搭建属于自己的网站--网页设计【学习笔记11】

最新推荐文章于 2024-08-12 20:21:42 发布

向大牛迈进

最新推荐文章于 2024-08-12 20:21:42 发布

阅读量78

点赞数

分类专栏： HTML 网页文章标签： html 网页设计

本文链接：https://blog.csdn.net/weixin_52357664/article/details/117465016

版权

HTML 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

网页

12 篇文章 0 订阅

订阅专栏

实践篇——创建和使用框架

一、新建框架

新建空白页——插入——HTML——框架——左对齐

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<frameset cols="80,*" frameborder="no" border="0" framespacing="0">
  <frame src="left.html" name="leftFrame" scrolling="no" noresize="noresize" id="leftFrame" title="leftFrame" />
  <frame src="right.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body></noframes>
</html>

二、框架属性

今日任务：效果如下

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.style2{
	font-size:14px;
	font-family:"黑体";
	}
</style>
</head>

<body>
<table width="43%" height="210" border="0" align="center">
<tr> <td width="32%"></td>
<td width="40%">
<iframe src="moon.html" width="200" height="200"></iframe>
</td>
<td width="28%"></td>
</tr>
<tr>
<td colspan="3"><span class="style2">唐朝（Tang Dynasty，618年—907年），是继隋朝之后的大一统王朝，共历二十一帝，享国祚二百八十九年，因皇室姓李，故又称为李唐，是公认的中国最强盛的时代之一。又因其政治、文化、制度等继承于隋朝并发扬光大，所以后世史学家常将两朝合称为隋唐。</span></td>
</tr>
</table>


</body>
</html>

原来多起来的星星也在努力发光。

原创不易，欢迎批评指正，侵权必究。