学习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 文档
分别以.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 。