HTML入门

Download html eBook

备注

HTMLH yper t ext M arkup L anguage)是一个符合XML标准的系统,用'标签'注释文档。它专门用于为网页和Web应用程序创建内容,然后可以通过网络共享。

除文本外,当前版本的HTML支持许多不同类型的媒体 ,包括图像和视频。

版本

规格发布日期
1.0 N / A 1994-01-01
2.0 RFC 1866 1995年11月24日
3.2 W3C:HTML 3.2规范 1997年1月14日
4 W3C:HTML 4.0规范 1998年4月24日
4.01 W3C:HTML 4.01规范 1999年12月24日
WHATWG:HTML生活标准 2014年10月28日
5.1 W3C:HTML 5.1规范 2016年11月1日

你好,世界


介绍

HTMLH yper t ext M arkup L anguage)使用由表示特定内容的元素组成的标记系统。 标记是指与HTML声明什么是呈现给观众,它没有呈现方式。可视化表示由层叠样式表(CSS)定义并由浏览器实现。 仍然存在允许这样的元素,例如font ,“完全过时,并且不得被作者使用” [1]

HTML有时被称为编程语言,但它没有逻辑, 标记语言也是如此。 HTML标记为页面中的内容提供语义和机器可读性。

元素通常由开始标记( <element_name> ),结束标记( </element_name> )组成,其中包含由尖括号括起的元素名称,以及介于两者之间的内容: <element_name>...content...</element_name>

有些HTML元素没有结束标记或任何内容。这些被称为空元素 。 Void元素包括<img><meta><link><input>

元素名称可以被视为其包含的内容的描述性关键字,例如videoaudiotablefooter

HTML页面可能包含数百个元素,然后由Web浏览器读取,解释并呈现为屏幕上的人类可读或可听内容。

对于本文档,重要的是要注意元素和标记之间的区别:

元素: videoaudiotablefooter

标签: <video><audio><table><footer></html></body>



元素洞察力

让我们分解一个标签......

<p> 标记代表一个常见的段落。

元素通常具有开始标记和结束标记。开始标记在尖括号( <p> )中包含元素的名称。结束标记与开始标记相同,在开始括号和元素名称( </p> )之间添加了正斜杠( / )。

然后内容可以在这两个标签之间进行: <p>This is a simple paragraph.</p>



创建一个简单的页面

以下HTML示例创建一个简单的“Hello World”网页。

可以使用任何文本编辑器创建HTML文件。必须使用.html.htm [2]扩展名保存文件才能被识别为HTML文件。

创建后,可以在任何Web浏览器中打开此文件。


<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>Hello!</title>
    </head>

    <body>
        <h1>Hello World!</h1>
        <p>This is a simple paragraph.</p>
    </body>

</html>
 



简单的页面分解

这些是示例中使用的标记:

标签含义
<!DOCTYPE> 定义文档中使用的HTML版本。在这种情况下,它是HTML5。
有关更多信息,请参阅doctypes主题
<html> 打开页面。结束标记( </html> )之后不应该有标记。 lang 属性使用ISO语言代码声明页面的主要语言( en 表示英语)。
有关详细信息,请参阅内容语言主题
<head> 打开head部分,该部分未出现在主浏览器窗口中,但主要包含有关 HTML文档的信息,称为元数据 。它还可以包含来自外部样式表和脚本的导入。结束标记是</head>
<meta> 为浏览器提供有关文档的一些元数据。 charset 属性声明了字符编码 。现代HTML文档应始终使用UTF-8 ,即使它不是必需的。在HTML中, <meta> 标记不需要结束标记。
有关更多信息,请参阅Meta主题
<title> 页面标题。在此开头和结束标签( </title> )之间写入的文本将显示在页面的选项卡上或浏览器的标题栏中。
<body> 打开向用户显示的文档部分,即页面的所有可见或可听内容。在结束标记</body> 之后不应添加任何内容。
<h1> 该页面的1级标题。
有关更多信息,请参阅标题
<p> 表示文本的常见段落。

1.↑ HTML5,11.2不符合要求的功能
2.↑ .htm 继承自传统的DOS三字符文件扩展名限制。

Stats

2806 Contributors: 80
Saturday, July 29, 2017
许可下: CC-BY-SA

不隶属于 Stack Overflow
Rip Tutorial: info@zzzprojects.com

下载电子书