字符集、盒子、图像、链接、列表标签
Web 标准构成
结构
结构用于对网页元素进行整理和分类，主要是HTML
表现
表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是
CSS行为
行为是指网页模型的定义及交互的编写，主要是
Javascript
理想状态我们的源码：
.HTML .css .js
HTML为超文本标记语言，是用来描述网页的一种语言。
所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接
head标签
文档的头部
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等
绝大多数文档头部包含的数据都不会真正作为内容显示给读者
title标签
文档的标题
作用：让页面拥有一个属于自己的标题
body标签
文档的主体
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等
html语法架构格式
<HTML> <head> <title></title> </head> <body> </body> </HTML>
文档类型<!DOCTYPE>
告诉我们使用哪个html版本
<!DOCTYPE html>: 表示使用的是HTML5版本
字符集
<meta charset="UTF-8" />
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312
标签
盒子标签 - 无语义
<div> - 没有语义
常用
div + css
<span> - 没有语义
行内标签
图像标签
<img/>
属性
src- 图像路径
alt- 图像不能显示时替换文本
title- 鼠标悬停时显示的内容
width- 设置图像的宽度
height- 设置图像的高度
border- 设置图像边框的宽度
链接标签
<a>
属性
href- 指定链接目标的url地址
target- 指定链接页面的打开方式
self- 默认
blank- 在新窗口中打开
列表标签
无序列表
无序列表的各个列表项之间没有顺序级别之分，是并列的
<ul></ul>中只能嵌套<li></li>
<li>与</li>之间相当于一个容器，可以容纳所有元素
无序列表会带有自己样式属性，可用css修改样式
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ul>
有序列表
所有特性基本与
ul一致
<ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ol>
自定义列表
<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> ... <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> ... </dl>
