一.html介绍
HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。
HTML是由WEB的发明
者 Tim Berners-Lee (蒂姆·伯纳斯·李)和同事 Daniel W. Connolly于1990年创立的一种标记语言,它是标准通用化标记语言(SGML)的应用。
用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如 , 等)。
使用HTML,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。
自1990年以来,HTML就一直被用作 的信息表示语言,使用HTML描述的文件需要通过web
浏览器显示出效果。
HTML是一种建立网页文件的语言,通过标记式的指令( ),将影像、声音、图片、文字动画、影视等内容显示出来
事实上,每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。
HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面,与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。
HTTP的制定使浏览器在运行超文本时有了统一的规则和标准。
我们按照规则写网页对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题)
HTML是一种标记语言(markup language),它不是一种编程语言。
HTML使用标签来描述网页 。
标记:
对于刚刚接触超文本的同学来说,一些用 “<”、“>” 包括起来的句子可能很难被理解,它们被称为标记,也叫标签,是用来划分网页元素的,以形成文本的布局、文字的格式。
标签分为 单标签和双标签 两大类:
单标签指的是只存在一个标签的写法,如<meta>、<input>
双标签指的是存在一对标签的写法,如<head></head>、<body></body>等
在双标签中第一个标签为起始标签,第二个标签为结束标签,结束标签需要在左尖括号后添加一个关闭符 “/”
二.HTML文档结构
HTML文档是由一系列的元素和标签组成。元素名不区分大小写,HTML用标签来规定元素的属性和它在文件中位置,HTML文档分为头部分和主体两部分,在文档头中对文档进行一些必要的定义,主体部分是文档要显示的信息。
一个HTML文档基本结构主要由文档声明(<!DOCTYPE html> )、HTML文档(<html>)、文档头部分(<head>)、和文档主体(<body>)四部分组成。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
2.1文档申明:
<!DOCTYPE>声明必须是HTML文档的第一行,位于<html> 标签之前。
<!DOCTYPE>声明不是HTML标签,它用于向浏览器说明当前文档是属于哪种HTML或XHTML标准规范。
必须在开头使用<!DOCTYPE> 为所有的XHTML文档指定XHTML版本和类型,这样浏览器才能将网页作为有效的XHTML文档,并按照指定文档类型进行解析。
<!DOCTYPE>声明与浏览器的兼容性相关,如果没有<!DOCTYPE>,就由浏览器决定如何展示HTML页面。这时,不同浏览器可能会有多种显示效果,这样是不被允许的。
HTML文档:
<html>标签位于<!DOCTYPE> 声明之后,作用相当于在告知浏览器这是一个HTML文档。
<html></html>标签限定了文档的开始和结束点,其中<html>表示网页的开始,</html>表示网页的结束,网页需要展示的所有内容都应该写到<html></html>标签的内部,<html>标签也被称为根标签,指最外层的意思。
2.2文档的头部:
<head></head>用于定义HTML文档的头部信息。在<html>标签之后。
文档头内部的标签如下:
< title>< /title> 定义网页标题
< style>< /style> 定义HTML文档的样式文件
< script>< /script> 定义JavaScript或脚本文件
< link/> 定义了 一个文档和外部资源之间的关系
< meta/> 定义网页原信息
一个HTML文档只能有一对<head></head>标签,大部分的文档头部包含的标签数据不会真正作
为内容显示在页面中。
示例:<meta charset="UTF-8">指定网页的编码方式为utf-8。utf-8是一种网页编码规范,可以
同一显示中文简体,繁体及其它语言(如英语、日语、韩语),这样网页就不会出现乱码的情况,属于国际通用的编码方式。
2.3文档的主体
<body></body>包含文档要展示的所有内容,也称为主体标签,网页中显示的文本、超链接、
图片、表格和列表等信息,都必须在<body>内。( 解释内容越少,事越大 )
HTML 语言是不区分大小写的,但是建议文档声明采用大写方式,其它部分都采用小写方式。
三.HTML注释
在编写HTML代码时,经常要在一些关键代码处做一下注释,这样做的好处有很多如:方便理解代
码、方便维护代码及其他程序员理解你所写的代码
<!--注释内容-->
四.HTML属性
在编写HTML网页时,想让网页内容更加丰富,如设置字体大小或颜色,只使用HTML默认的标签
样式已经不能满足需求了,需要对HTML标签的属性加以设置,属性的作用为进一步改善显示效果,各属性之间无先后顺序。语法格式如下:
<标签名字 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
<标签名 属性1=“属性值1” 属性2=“属性值2”…… />
在语法格式中,标签可以有很多个属性,必须写在开始标签中,位于标签名之后。属性与标签之前
需要一个空格隔开,多个属性之间也要用空格隔开。为了养成好的习惯,提倡大家对属性值全部加双引号。