2018-01-30 前端学习之HTML- 1

今日学习:


1.HTML简单学习

   a.什么是 HTML?

   b.HTML标签

   c.HTML 文档 = 网页

2.HTML元素

   a.什么是HTML 元素

    b.HTML元素语法

   c.嵌套的HTML元素

   d.HTML标签:推荐使用小写字母。


1.简单介绍-HTML

  1.什么是 HTML?

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

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

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

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

HTML 使用标记标签(HTML标签)来描述网页。

2.HTML标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如.

HTML 标签通常是成对出现的,比如

标签对中的第一个标签是开始标签(start tag),第二个标签是结束标签(end tag).

开始和结束标签也被称为开放标签(opening tag)和闭合标签(closing tag).

3.HTML 文档 = 网页

HTML 文档描述网页.

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

HTML 文档也被称为网页.

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

我的第一个网页

何其有幸,让我遇到你!

结果截图:


2018-01-30 前端学习之HTML- 1_第1张图片
网页展示图

2.HTML元素

HTML 文档是由 HTML 元素定义的。

 1.什么是HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

html元素就是组合成html网页l的所有html标签。例如:

,

2.HTML 元素语法

HTML 元素以开始标签起始,HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容.

某些 HTML 元素具有空内容(empty content),例如
,空元素在开始标签中进行关闭(以开始标签的结束而结束).

大多数 HTML 元素可拥有属性.

3.嵌套的 HTML 元素

大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

HTML 文档由嵌套的 HTML 元素构成。

例如:

何其有幸,让我遇到你!

这里包含了3个HTML元素。

4.HTML元素实例解释

元素定义了整个 HTML 文档。

元素定义了 HTML 文档的主体。

元素定义了 HTML 文档中的一个段落。

注:别忘记结束标签。

空的 HTML 元素

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


就是没有关闭标签的空元素(
标签定义换行)。

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

在开始标签中添加斜杠(加在元素后面),比如,
 ,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。 

即使 在所有浏览器中
都是有效的,但使用
其实是更长远的保障。

5.HTML 提示:使用小写标签(小写字母)

HTML 标签对大小写不敏感:

等同于

。许多网站都使用大写的 HTML 标签。

W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写而在未来 (X)HTML 版本中强制使用小写。

你可能感兴趣的:(2018-01-30 前端学习之HTML- 1)