一、 HTML简介
1. HTML介绍
HTML指的是超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言
HTML不是一种编程语言,而是一种标记语言
标记语言是一套标记标签(Markup tag),HTML用标记标签来描述网页
用该语言编写的文件,以.html或.htm为后缀。HTML不区分大小写,但是建议小写
作用:写网页结构内容。
2. 标签(tag)
HTML标记通常被称为HTML标签(markup tag)
HTML标签是由尖括号包含的关键词,比如<html>
封闭类型标记也叫做双标记,必须成对出现,例如<p></p >
非封闭类型标记,叫做单标签或者空标签,例如<hr/>
标签中的第一个标签是开始标签,后面的是结束标签 例如:双标签:<p>内容</p >
<开始标签>内容</结束标签>
单标签<br/>
<标签/>
3.元素(element)
“HTML标签“和“HTML元素”通常都是描述同样的意思,但是严格来讲,一个HTML元素包含了开始标签和结束标签。例如:<p>内容</p >
<开始标签>内容</结束标签>
<元素的开始>元素的内容</元素的结束>
4.Web浏览器
Web浏览器(如谷歌浏览器,火狐浏览器等)用于读取HTML文件,并将其作为网页的显示,浏览器不能直接显示网页的内容,但是可以通过标签来决定如何展示HTML网页中的内容给用户,如图1
图1
浏览器作用:解析HTML代码,查看网页效果
主流浏览器:建议谷歌、火狐
HTML版本:最新版本HTML5
5. HTML属性
属性是用来修饰元素的,属性必须写在开始标签里面,不能写在结束标签后面,(注意:单标签的属性写在斜杠的前面,因为斜杠代表着结束标签)虽然说网页仍旧会显示出来,但是代码会报错,如图2
图2
一个元素的属性可以有很多个,但是要注意多个属性之间用空格隔开,多个属性之间不区分先后顺序
每个属性之间都有值,属性和属性之间的值用等号连接,属性的值用引号标记起来,例如:
<p align=”center”>只是一段文本</p > <hr size=”3”/>
6. HTML注释
添加注释是一种良好的编程习惯,注释只在编辑文本情况中可见,在浏览器页面时不会显示,注释标签不包含任何属性,注释方法有<!--注释的文本内容-->,如图3
图3
HTML会忽略多余的空格,如图4
图4
HTML由浏览器解析执行,由上往下,由左往右的顺序(注意:<p></p >标签非常霸道,独立成行)如图5
图5