Web前端开发基础之HTML文件
1.3HTML文件
1.3.1HTML 文件的基本结构
HTML文件后缀名为html或htm。
例example1.1.html
<!doctype html> <!--文档声明：告诉浏览器以下文件用html5版本解析-->
<html> <!--告诉浏览器HTML文件开始-->
<head> <!--表示HTML文件的头部-->
<meta charset="UTF-8"> <!--网页的编码格式为UTF-8，即国际通用编码格式-->
<title>第一个网页</title> <!--网页标题“第一个网站”-->
</head> <!--HTML文件的头部结束-->
<body> <!--HTML文件的主体部分开始-->
Hello Word! <!--在网页中显示信息内容都放在body标签中-->
</body> <!--HTML主体部分结束-->
</html> <!--HTML文件结束-->1.3.2 HTML标记的语法格式
HTML标记用于描述网页结构，也可以对页面对象样式进行简单的设置。
标记由一对尖括号和标记名构成。
HTML标记语法格式如下：
语法1：
<标记名称 属性="属性值" 属性="属性值"...>...</标记名称> (双标记）
例如把网页背景颜色设置为黄色
...注释：一般情况下，默认设置赋予每个标记都有相应的属性值。如果某个标记的中值字段包含了该标记的名字，则该字段会自动继承这些设置。例如，在段落标记
的情况下，则会采用居左对齐的方式。
HTML中的标记得分为两种：一种是单标记得（如），它们仅包含起始标识符而无终止标识符；另一种是双标记得（如），每个都包含一个起始标识符和一个终止标识符）。其中像语法1这样的双标记得包含一个起始标识符和一个终止标识符；而单标记得仅包含起始标识符而无终止标识符。
<标记名称/>
例如：
在一个标记中可以集合成多个属性，在各个属性之间则以空格分隔开。例如：支持HTML、CSS等技术如HTML用于网页样式设计；CSS用于页面布局设计；JavaScript用于动态交互。
含义：背景为黄色，正文为红色
在HTML标记中，在于表示属性值的定义域，则可采取加括弧的方式表示其具体取值范围，并非强制性要求必须如此操作。当采用加括弧方式时，则可以选择单括弧或双括弧（如 bgcolor="red" 或 bgcolor="red"）。值得注意的是，在实际应用中应确保所使用的各种符号能够正确识别并被浏览器适当解析（如
与
与
均具有相同的功能）。并且要求在输入时切换到英文状态以便正确显示相关符号（如 或 ），并确保所有符号均处于正确的编码状态下以便被计算机准确解析和显示）。
HTML颜色定义：
1**.** 直接颜色名称
例<body text="red"
2.十六进制颜色代码
格式：#RRGGBB
3.十进制RGB码
格式：RGB(RRR,GGG,BBB)