HTML基础(第0篇):HTML的入门知识

时间:2022-01-24 14:01:56

学习HTML需要做的准备工作(1)

了解HTML:

What(是什么)?

①HTML(Hyper Text Markup Language,是超文本标记语言,本质其实就是文本,需要浏览器将它解释成具体的网页内容。).

 ===>"超文本"就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

 

②HTML不是编程语言!

 

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

 

※语言是人类最重要的交际工具,是人们进行沟通的主要表达方式。人们借助语言保存和传递人类文明的成果。语言是由词汇按一定的语法所构成的复杂的符号系统.

==>HTML可看做一门语言,大家都叫它标记语言,一套标记标签(Markup Tag)来"说话"(描述网页).通过标签(标记标签)来告诉浏览器应该"做"什么(显示什么样的内容).

 

HTML标签:

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

  • HTML 标签是由尖括号包围的关键词,比如 <html>.
  • HTML 标签通常是成对出现的,比如 <html></html>.
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签.
  • 开始标签结束标签也被称为开放标签闭合标签.
  • HTML 标签对大小写不敏感<HTML>等同于<html>,W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写

 

在一些书籍当中,会提到HTML元素和HTML标签.

  HTML 元素指的是从开始标签到结束标签的所有代码。

  HTML 元素和HTML标签通常是指同一意思.但严格的来讲一个HTML元素包含一个开始标签和一个结束标签,开始标签和结束标签中间也可以杂带文本或标签,比如:

<p></p>
<p>这也是一个HTML元素,只不过里面有文本</p>
<p><p>一个p标签内部内嵌一个p标签,最里面的p标签还有文本内容</p></p>

 

 

HTML 元素语法:

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容开始标签与结束标签之间内容
  • 某些 HTML 元素具有空内容(没有内容的 HTML 内容被称为空元素),如:
    <hr/>
    <br/> 
    <img/>
    <input/>
    在这里有一个需要了解的地方.
    空元素,以<hr/>为例.<hr>和<hr/>在浏览器中都能正常显示.
    但在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭.
    在开始标签中添加斜杠,比如 <hr/>,是关闭空元素的正确方法.
    即使 <hr> 在所有浏览器中都是有效的,但使用 <hr/> 其实是更长远的保障.

  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

 

HTML 文档 == 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签纯文本
  • HTML 文档也被称为网页

 

以下有两个HTML  文档

HTML基础(第0篇):HTML的入门知识

分别以.htm和.html为文件拓展名的HTML文档有什么区别呢?
  简单可以理解如下:
  1、.htm与.html没有本质上的区别,表示的是同一种文件,只是适用于不同的环境之下。
  2、DOS仅能识别8+3的文件名,所以*.htm的命名方法可以被DOS识别,而*.html的文件命名方式不能被之识别。
  3、在UNIX系统中,网页必须使用.html扩展名,如果是htm,在浏览器中打开时则出现源代码;Windows中支持两种扩展名。也可以说,htm和html是Windows和UNIX对抗的产物。
  4、如果在网页中同时存在index.html与index.htm,这时浏览器将先解释index.html。

 

那么用htm还是html?

 

推荐使用长后缀名 html 。

命名应该遵从含义清晰、简洁、一致性原则。含义清晰指见名知义,比如这里的 htm(hypertext markup) 和 html (hypertext markup language) 均采用的是英文单词首字母缩写,含义清晰。简洁要求变量命名尽量简短,比如此处后缀名使用首字母缩写而不使用全单词。一致性原则要求同环境下的大量变量命名符合同样的规则,比如有的朋友习惯于Linux文件夹命名规则后,使用win系统时新建文件夹命名仍拒绝使用空格,这便造成了新文件夹名与旧文件夹名命名规则不一致。

 

一致性原则往往更为重要。比如合作开发时,不能各守其是,人为提高开发难度。

 

htm 是历史遗留的8.3字符限制命名方式,而现在我们在命名时并未遵守8.3规则。因此,从 htm 和 html 中选择时,也应该选择无限制长度命名方式的 html 。