从零开始HTML(一 2016/9/19)

原创
2016-09-20 03:29:59 906浏览

1、属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,比如:name="value"

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

属性例子 1:

定义标题的开始。

拥有关于对齐方式的附加信息。

属性例子 2:

定义 HTML 文档的主体。

拥有关于背景颜色的附加信息。

属性例子 3:

定义 HTML 表格。

拥有关于表格边框的附加信息。

完整的 HTML 参考手册提供了每个 HTML 元素可使用的合法属性的完整列表:

HTML参考手册:http://www.w3school.com.cn/tags/index.asp

2.标题

标题(Heading)是通过

-

等标签进行定义的。

定义最大的标题。

定义最小的标题。


标签在 HTML 页面中创建水平线。可用于分割元素

3.段落

段落是通过

标签定义的。

① 使用空的段落标记

去插入一个空行是个坏习惯。用
标签代替它。

② 如果希望在不产生一个新段落的情况下进行换行(新行),使用
标签

4.样式

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

style 属性的作用是提供了一种改变所有 HTML 元素的样式的通用方法。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。

background-color 属性为元素定义了背景颜色,如:

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

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

This is a heading

,可将center改为left,rght实现不同的效果。

5.引用

① HTML 元素定义短的引用。浏览器通常会为 元素包围引号

WWF 的目标是:构建人与自然和谐共存的世界。

② 用于长引用的 HTML

,HTML
元素定义被引用的节。浏览器通常会对
元素进行缩进处理。

以下内容引用自 WWF 的网站:

五十年来,WWF 一直致力于保护自然界的未来。 世界领先的环保组织,WWF 工作于 100 个国家, 并得到美国一百二十万会员及全球近五百万会员的支持。

③ 用于缩略词的 HTML HTML 元素定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

6.CSS样式引入方式

有以下三种方式来插入样式表:

① 外部:当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
head>

② 内部:当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过