1.前端的三大模块：html：结构 超文本标记语言
css：样式 样式叠层表
js（javascipt）：行为 脚本语言
2.<DOCTOPE HTML>： 声明文档类型 doc=document 文档 tope 类型 是单标签
作用：浏览器打开时告诉浏览器这是一个什么文件
3. <html> 是双标签 根标签
<head> 头标签 是双标签
<meat charset=“utf-8”> meat 设置标签 charset 设置编码 utf-8 中文 单标签
<title> 双标签 标题
<body> 身体标签 （内容） 双标签
4.标签的三大分类
块级标签：默认占整行，可设置宽和高，div
行内块标签：不默认占整行，宽和高由内容决定，可设置宽和高，img botton
行内标签：不默认占整行，不可设置宽和高 b spen
5.css样式引入
1>.行内样式：就是把样式属性写到标签里面
2>.内部样式： head标签里面引入style标签 (.)代表命名标签 （*）代表所有标签
3>.外部引入：link rel=“stylesheet” href 引入css路径
6. class：不具有唯一性 （命名属性）
id：具有唯一性 （命名属性）
7.src：img引入图片
url：引入背景图
8. 属性：分为直接属性、间接属性
width：宽度
height：高度
backgroung-color：背景颜色 back 返回；背部 也可写background
color 字体颜色
display 转换元素形态 block 块
inline-block 行内块元素
inline 行内元素
none 隐藏
都可转换元素
html的基本结构
<!DOCTYPE HTML> 浏览器打开时告诉浏览器这是一个什么文件
<html> 根标签 双标签 《开始标签》
<head> 头部标签 双标签
<meat charset="utf-8"/> 设置读取中文
<title></title> 标题标签 双标签
</head>
<body> 身体标签 双标签
</body>
</html>《结束标签》
注释 ：ctli+？