网页设计之路(8)

今天学习框架,慢慢理解后,觉得每个网页打开都是一个框架,其实里面可以有多个框架。更重要的是对name的用法有了更深刻的理解,元素有了名字才能寻找到,有利于区分其他元素。重点是一般框架和导航框架和内联框架,代码如下。

<!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>
</head>
<frameset rows="42%,36%,26%" cols="*"><!--这个代表水平分布下,水平方向占满屏幕-->
<!--此乃框架,有水平和垂直之分。-->
<frame src="../MINE/test1.html" noresize="noresize">
<frame src="../MINE/test2.html" noresize="noresize">
<frame src="../MINE/test3.html" noresize="noresize">
<noframes>
<body>
</body>
</noframes><!--不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内-->
</frameset>
</html>
<!--这些只是简单地框架,后面要学习复杂的框架。-->

关于导航框架的用法主要在于target的使用,可以百度搜。。。

内联框架也不是很难。代码如下

<!DOCTYPE html>
<html>
<body>

<iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>

<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

<p><b>注释:</b>由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p>

</body>
</html>

觉得html很麻烦,很难记,不知道同志们都是怎么学的,一定要坚持下去,学了这些内容怎么用呢,纠结。。

原文地址:https://www.cnblogs.com/chufengpeng/p/4005341.html