Html学习笔记

Posted by volcanohatred on April 1, 2017

1.HTML概述

HTML:超文本标记语言 (Hyper Text Markup Language),HTML不是一种编程语言,而是一种标记语言,HTML使用标记标签来描述网页。标记标签通常被称为HTML标签(HTML tag)。 标签是由尖括号包围的关键词,如<html>,通常是成对出现的,如。第一个标签是开始标签,第二个标签是结束标签,开始和结束标签也被称为开放标签和闭合标签 HTML 文档也被称为网页,Web浏览器的作用是读取 HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容:

<html>
<body>
<h1>标题</h1>
<p>段落。</p>
</body>
</html>
解释: 
<html>与</html>之间的文本描述网页
<body>与</body> 之间的文本是可见的页面内容
<h1>与</h1>之间的文本被显示为标题
<p>与</p>之间的文本被显示为段落

2.HTML基础

###2.1 HTML元素 HTML元素以开始标签起始以结束标签终止,元素的内容是开始标签与结束标签之间的内容。某些 HTML元素具有空内容,空元素在开始标签中进行关闭(自闭和)。大多数HTML元素可拥有属性。 大多数 HTML元素可以嵌套(可以包含其他 HTML 元素)。

<html>
<body>
<p>paragraph.</p>
</body>
</html>

没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。
就是没有关闭标签的空元素(
标签定义换行)。在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。在开始标签中添加斜杠,比如
,是关闭空元素的正确方法HTML、XHTML 和 XML 都接受这种方式。即使
在所有浏览器中都是有效的,但使用
其实是更长远的保障。
HTML标签对大小写不敏感:<P>等同于<p>。许多网站都使用大写的HTML标签。

2.2HTML属性

HTML标签可以拥有属性。属性总是以名称/值对的形式出现,比如:name=”value”。属性总是在HTML元素的开始标签中规定。

<a href="http://www.xxx.com.cn">link</a>

在上面的例子中链接的地址在href属性中指定。

<h1 align="center">heading</h1>

标题在页面中居中排列使用如上语法。

<body bgcolor="yellow">

拥有关于背景颜色的附加信息。
注意:属性和属性值对大小写不敏感。不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。而新版本的 (X)HTML 要求使用小写属性。属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='Bill "HelloWorld" Gates'

HTML 样式
style属性用于改变HTML元素的样式。
应该避免使用下面这些标签和属性:

定义居中的内容 定义 HTML 字体 定义删除线文本 定义下划线文本 align定义文本的对齐方式 bgcolor定义背景颜色 color定义文本颜色 ```

heading

paragraph.

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

A heading

A paragraph.

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

heading

``` ### 2.3HTML常用标签 **HTML标题** HTML标题(Heading)是通过

-

等标签进行定义的。

定义最大的标题,

定义最小的标题。 **HTML 段落** HTML段落是通过

标签进行定义的。 **HTML链接** HTML 链接是通过标签进行定义的。 ``` link ``` 在href属性中指定链接的地址。 **HTML图像** HTML图像是通过标签进行定义的。 ``` ``` 图像的名称和尺寸是以属性的形式提供的。 **HTML水平线**


标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。 **HTML注释** 可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。 ``` ``` **HTML折行**
标签可以在不产生一个新段落的情况下进行换行:
元素是一个空的HTML元素。由于关闭标签没有任何意义,因此它没有结束标签。 注意: 对于 HTML,无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。 **HTML引用** HTML 用于短的引用 用于长引用的 HTML
用于缩略词的 HTML HTML 元素定义缩写或首字母缩略语。 对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。 **用于定义的HTML** HTML 元素定义项目或缩写的定义。 的用法,按照 HTML5 标准中的描述,有点复杂: 1. 如果设置了 元素的 title 属性,则定义项目。 2. 如果 元素包含具有标题的 元素,则 title 定义项目。 3. 否则, 文本内容即是项目,并且父元素包含定义。 如果希望简而化之,请使用第一条,或使用 代替。 **用于联系信息的HTML **
标签定义文档或文章的联系信息(作者/拥有者)。 此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。 ```
Written by Donald Duck.
Visit us at:
Example.com
Box 564, Disneyland
USA
``` **著作标题的HTML** HTML 元素定义著作的标题。 浏览器通常会以斜体显示 元素。 ```

The Scream by Edward Munch. Painted in 1893.

``` **双向重写的HTML** 标签用于覆盖当前文本方向: ``` This text will be written from right to left ```


>