html显示屏幕中心1,HTML速成1

什么是 HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 文档 = 网页

HTML 文档描述网页

HTML 文档包含 HTML 标签和纯文本

HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

我的第一个标题

我的第一个段落。

例子解释

- 与 之间的文本描述网页

- 与 之间的文本是可见的页面内容

-

与 之间的文本被显示为标题

-

与 之间的文本被显示为段落

HTML 标题

HTML 标题(Heading)是通过

-

等标签进行定义的。

实例

This is a heading

This is a heading

This is a heading

注释：浏览器会自动地在标题的前后添加空行。

注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。

标题很重要

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的)，其后是 h2(次重要的)，再其次是 h3，以此类推。

HTML 链接

HTML 链接是通过 标签进行定义的。

实例

**

HTML 图像

**

HTML 图像是通过

标签进行定义的。

实例

注释：图像的名称和尺寸是以属性的形式提供的。

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

就是没有关闭标签的空元素(

标签定义换行)。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如

，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使

在所有浏览器中都是有效的，但使用

其实是更长远的保障。

HTML 属性

属性为 HTML 元素提供附加信息。

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现，比如：name=“value”。

属性总是在 HTML 元素的开始标签中规定。

属性实例

HTML 链接由 标签定义。链接的地址在 href 属性中指定：

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name='Bill "HelloWorld" Gates'

HTML 水平线

标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

HTML 注释

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

注释是这样写的：

实例

HTML 输出 - 有用的提示

我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。

对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

春晓

春眠不觉晓，

处处闻啼鸟。

夜来风雨声，

花落知多少。

注意，浏览器忽略了源代码中的排版(省略了多余的空格和换行)。

显示

可以在段落间签到换行符来排版

HTML 样式

style 属性用于改变 HTML 元素的样式。

样例代码

Look! Styles and colors

This text is in Verdana and red

This text is in Times and green

This text is 30 pixels high

HTML 样式实例 - 字体、颜色和尺寸

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：

A heading

A paragraph.

HTML 样式实例 - 文本对齐

text-align 属性规定了元素中文本的水平对齐方式：

This is a heading

The heading above is aligned to the center of this page.

这是

预格式文本。

它保留了 空格

和换行。 很适合显示计算机代码

something is interesting！sup可以将字符缩进成上标

爱因斯坦的公式：

E = m c2

**显示**

其实HTML的学习是非常之快的，它不需要我们刻意地去掌握，或者说当你遗忘了某个标签时，你能想起来去百度一下，我认为基本上你对它已经算是了解了的！

内容学习自w3school http://www.w3school.com.cn/html/index.asp