实例代码:
<!doctype html>
<head>
<meta charset="utf-8">
</head>
<html>
<frameset cols="20%,80%">
<frame src="frame_a.html">
<frame src="wenzhan.html#c8">
</frameset>
</html>
运行效果:
实例代码:
<!doctype html>
<head>
<meta charset="utf-8">
</head>
<html>
<frameset cols="20%,80%">
<frame src="frame_a.html">
<frame src="wenzhan.html#c8">
</frameset>
</html>
运行效果:
实例代码:
实例代码:
实例代码:
实例代码:
当别人使用的浏览器太旧,不支持框架这个功能时,他看到的将会是一片空白。为了避免这种情况,可使用 <NOFRAMES> 这个标记,当使用者的浏览器看不到框架时,他就会看到 <NOFRAMES> 与 </NOFRAMES> 之间的内容,而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句,甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可
实例代码:
我们在编辑 html 网页的时候,可以通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。这一节我们就来学习 html 框架的使用。
实例代码:
另一个创建响应式设计的方法,是使用现成的 CSS 框架,Bootstrap 是最流行的开发响应式 web 的 HTML, CSS, 和 JS 框架。Bootstrap 帮助您开发在任何尺寸都外观出众的站点:显示器、笔记本电脑、平板电脑或手机。
实例代码:
Color 颜色模块允许管理员对已实施颜色管理配置选项的主题更改本色方案。
Book 图书模块允许创建图书内容条目,也就是说这些内容条目可以被分组,并按层次级别进行组织,就像书页一样。
实例代码:
注释:<table> 元素不是作为布局工具而设计的。<table> 元素的作用是显示表格化的数据。使用 <table> 元素能够取得布局效果,因为能够通过 CSS 设置表格元素的样式。
实例代码:
Blog 博客模块为网站提供了创建博客类型内容条目的功能。此模块对于需要创建博客内容的网站提供了现成的解决方案。Blog 模块支持多用户博客,后者可能还需要对此功能相关的菜单项做一些调整。
实例代码:
Block 区块模块提供了与区块相关的功能,通过区块可将内容放置在网站的不同区域。Block 模块是 Drupal 的基础模块之一,不能被禁用。它是通过单独的区块管理器页面管理的。
Aggregator 聚合器模块用于聚合内容。Drupal 的聚合器和 feed 阅读器一样,可以从其它网站收集 RSS 、RDF 和支持 Atom 的新闻 feed ,并在 Drupal 中显示出来。
注释:<div> 元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位。
这个例子使用了四个 <div> 元素来创建多列布局:
实例代码:
HTML <span> 元素是行内元素,能够用作文本的容器。设置 <span> 元素的类,能够为相同的 <span> 元素设置相同的样式。
实例代码:
实例代码:
对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。
为相同的类设置相同的样式,或者为不同的类设置不同的样式。
实例代码: