从零开始下载(全集TXT全文)

发布网友 发布时间：2022-05-10 10:19

我来回答

共6个回答

懂视网 时间：2022-05-12 22:46

1.布局

① 使用 元素的 HTML 布局， 元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。

City Gallery



London

Paris

Tokyo




London

London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.


Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.




Copyright ? W3Schools.com

② 使用 HTML5 的网站布局

HTML5 提供的新语义元素定义了网页的不同部分：

HTML5 语义元素：

header	定义文档或节的页眉
nav	定义导航链接的容器
section	定义文档中的节
article	定义独立的自包含文章
aside	定义内容之外的内容（比如侧栏）
footer	定义文档或节的页脚
details	定义额外的细节
summary	定义 details 元素的标题

City Gallery





London

London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.


Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.

③ 使用表格的 HTML 布局 。

元素不是作为布局工具而设计的， 元素的作用是显示表格化的数据，使用 元素能够取得布局效果，因为能够通过 CSS 设置表格元素的样式

复习表格：下面代码所定义的是一个一行一列的表格，

定义了这一行。

是这一行的表头，	是这一行的内容，

	The table element was not designed to be a layout tool.

2.HTML 响应式 Web 设计

RWD 指的是响应式 Web 设计（Responsive Web Design）

RWD 能够以可变尺寸传递网页

RWD 对于平板和移动设备是必需的

① 创建响应式设计的一个方法，是自己来创建它：

W3School Demo
Resize this responsive page!




London
London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.



Paris
Paris is the capital and most populous city of France.



Tokyo
Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.

② 使用 Bootstrap，另一个创建响应式设计的方法，是使用现成的 CSS 框架。Bootstrap 是最流行的开发响应式 web 的 HTML, CSS, 和 JS 框架。Bootstrap 帮助您开发在任何尺寸都外观出众的站点：显示器、笔记本电脑、平板电脑或手机：

 
 
 






 
W3School Demo
 
 
Resize this responsive page!
 





 

 
London
 
London is the capital city of England.
 
It is the most populous city in the United Kingdom,
 with a metropolitan area of over 13 million inhabitants.
 
 

 
Paris
 
Paris is the capital and most populous city of France.
 
 

 
Tokyo
 
Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
 and the most populous metropolitan area in the world.
 

★ 后续继续学习bootstrap。

3.框架

通过使用框架，可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。

使用框架的坏处：

开发人员必须同时跟踪更多的HTML文档

很难打印整张页面

框架结构标签（）

框架结构标签（）定义如何将窗口分割为框架

每个 frameset 定义了一系列行或列

rows/columns 的值规定了每行或每列占据屏幕的面积

Frame 标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML 文档 "frame_b.htm" 被置于第二个列中：

① 假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 标签中加入：noresize="noresize"。

② 不能将 标签与 标签同时使用！

4.内联框架

① iframe 用于在网页内显示网页。

② Iframe - 设置高度和宽度

height 和 width 属性用于规定 iframe 的高度和宽度。

属性值的默认单位是像素，但也可以用百分比来设定（比如 "80%"）。

③ Iframe - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。设置属性值为 "0" 就可以移除边框：

④ 使用 iframe 作为链接的目标

iframe 可用作链接的目标（target），即在该frame中显示网页。链接的 target 属性必须引用 iframe 的 name 属性：

W3School.com.cn

5.背景

背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。

URL可以是相对地址，如第一行代码。也可以使绝对地址，如第二行代码：

6.头部

① 元素是所有头部元素的容器。 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到 head 部分：