1、HTML(HyperText Markup Language):超文本标记语言,不是一种编程语言,是一种描述性的标记语言。
2、HTML的专有名词:
-
网页 :由各种标记组成的一个页面就叫网页。
-
主页(首页) : 一个网站的起始页面或者导航页面。
-
标记: 比如
<p>
称为开始标记 ,</p>
称为结束标记,也叫标签。每个标签都规定好了特殊的含义。 -
元素:比如
<p>
内容</p>
称为元素. -
属性:给每一个标签所做的辅助信息。
-
XHTML:符合XML语法标准的HTML。
-
DHTML:dynamic,动态的。javascript + css + html合起来的页面就是一个 DHTML。
-
HTTP:超文本传输协议。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP:邮件传输协议,FTP:文件传输协议。
3、我们打开 VS Code 软件,新建一个文件,名叫test.html(注意,文件名是test,后缀名是html),保存到本地。
紧接着,在文件里,输入html:5,然后按一下键盘上的Tab键,就可以自动生成如下内容:
4、文档声明头<!DOCTYPE......>
开头的语句:简称DTD。
5、面试问:网页的head标签里面,表示的是页面的配置,有什么配置?
答:字符集、关键词、页面描述、页面标题、IE适配、视口、iPhone小图标等等。
<title>
:指定整个网页的标题,在浏览器的上方显示。
<base>
:为页面上的所有链接规定默认地址或默认目标。
<meta>
:提供有关页面的基础信息。
<body>
:用于定义HTML文档索要显示的内容,也称为主体标签。
<link>
:定义文档与外部资源的关系。
6、meta标签:表示“元”配置,基本的配置项目。常见的meta标签如下:
(1)字符集charset:(character set)多个字符的集合,以便计算机能识别和储存各种文字,避免网页页面出现乱码。UTF-8是常用的字符集编码方式。
(2)视口viewport:
(3)定义“关键词”:提高搜索命中率。
(4)定义“页面描述”:
(5)title标签:用于设置网页标题。
(6)base标签:指定基础的路径,指定后,所有的a链接都是以这个为基准。
7、**<body>标签**
- bgcolor:设置整个网页的背景颜色。
- background:设置整个网页的背景图片。
- text:设置网页中的文本颜色。
- leftmargin:网页的左边距。IE浏览器默认的是8个像素。
- topmargin:网页的上边距。
- rightmargin:网页的右边距。
- bottommargin:网页的下边距。
8、中文能够使用的字符集两种:
-
UTF-8:国际通用字库,包含人类的所有语言。保存尺寸大,文件臃肿。
-
GBK(是对GB2312J进行扩展):中国的字库,仅涵盖了汉字和一些常用的外文(比如日文片假名和常见的字符)。尺寸小,文件小巧。
字体库规模:UTF-8>GB2312
9、HTML的规范 -
HTML不区分大小写,但HTML的标签名、类名、标签属性、大部分属性值建议统一使用小写。
-
HTML页面的后缀名是html或者htm
10、编写XHTML规范
- 所有标记元素需正确嵌套,不能交叉嵌套。
- 所有标记都必须小写。
- 所有标签都必须闭合。
双标签:<span></span>
单标签:<br>
写成<br/>
,<hr>
写成<hr/>
,<img src="URL">
- 所有的属性必须加引号。
<font color="red"></font>
- 所有的属性必须有值。
- XHTML文档开头必须要有DTD文档的类型定义。