前端笔记--HTML-2

html类：

对 HTML 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。
为相同的类设置相同的样式，或者为不同的类设置不同的样式。
分类块级元素
HTML

元素是块级元素。它能够用作其他 HTML 元素的容器。
设置

元素的类，使我们能够为相同的

元素设置相同的类：

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.

运行：

分类行内元素
HTML 元素是行内元素，能够用作文本的容器。
设置 元素的类，能够为相同的 元素设置相同的样式。

My Important Heading

运行：

html布局

使用div进行布局：

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的网站布局：
header 定义文档或节的页眉
nav 定义导航链接的容器
section 定义文档中的节
article 定义独立的自包含文章
aside 定义内容之外的内容（比如侧栏）
footer 定义文档或节的页脚
details 定义额外的细节
summary 定义 details 元素的标题

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

运行效果同上。
使用表格的html布局：

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

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

html内联框架

iframe 用于在网页内显示网页，定义内联的子窗口（框架）。

W3School.com.cn

注释：由于链接的目标匹配 iframe 的名称，所以链接会在 iframe 中打开。
某些老式的浏览器不支持内联框架。
如果不支持，则 iframe 是不可见的。

运行：

html脚本

不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。

运行：

html头部

元数据（metadata）是关于数据的信息。
标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。
典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。 标签始终位于 head 元素中。元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。
定义页面的描述：
定义页面的关键词：

标签为页面上的所有链接规定默认地址或默认目标（target）：

  定义关于文档的信息。