1202-HTML
2周安排：HTML、CSS、JS（JavaScript、jQuery（ajax）、Vue）
-
web标准：是万维网指定的网页开发标准，主要包括三类：
1）结构标准：html，决定网页中的内容）
2）表现标准：css，决定网页中内容的布局与样式
3）行为标准：js，决定网页内容动态变化
HTML：超文本标记语言，与Markdown一样
-
HTML文件基本结构：
<!DOCTYPE html> --> doctype表示html版本，html表示html5
<>表示html中的标签，一个html标签中有一个head标签和一个body标签
<!DOCTYPE html> //表示html版本 <html> <head> <!--设置文本编码方式--> <meta charset="utf-8" /> <title>网页标题</title> <!--设置网页图标 rel属性：设置被导入文件 stylesheet样式表 icon网页图标 type属性：设置文件类型/文件后缀 text/css、image/png等 href属性：被导入文件的路径 --> <link rel="stylesheet" type="text/css" href=""/> </head> <body> </body> </html> -
html基本语法：
1）双标签：<标签名 “属性1=值1” “属性2=值2” ...>标签内容</标签名>
2）单标签：<同上> 或者 <同上/>
3）标签内容：任何内容都可以作为标签内容，例如：文字、标签本身
4）html中大小写不敏感
-
head：
1）作用：主要负责网页图片和标题的显示以及网页的基本设置
2）head中的标签：meta、title、link、style、script、base
a. meta：设置网页元数据（网页的编码方式、）
b. title：设置网页标题
c. link：导入文件（设置网页图标icon、导入外部样式表stylesheet）
-
body：
1）标题标签：h1-h6
2）段落标签：< p>< /p>
3）普通文字标签：font，多个font标签的文字可以在一行显示
4）空格和换行：& nbsp;（单位是像素）或者& emsp;（单位是空格键）， < br>
5）加粗、倾斜：< b>< /b>与< strong>< /srong>、< i>< /i>或者< em>< /em>
6）水平线：< hr />
7）无序列表：ul表示整个列表容器；li表示列表中的元素
8）有序列表：ol表示整个列表容器；li表示列表中的元素
9）自定义列表：dl表示容器；dt表示一个分组；dd表示每个分组中的内容
10）图片标签：< img src="路径"/ title="图片标题" alt=“图片加载失败的提示信息”>
11）超链接：< a href="跳转地址" target=“页面打开方式_self/ _blank”>可点击部分< /a>
-
表格标签：table表示整个表格；tr表示行；td表示单元格
列合并：colspan；行合并：rowspan；
