day1基础知识
1·网站开发：
-
UI设计
-
web前端开发工程师（H5开发）
1：设计端-代码
2：数据库里的数据-显示到页面上
3：WEB三大核心技术
4：HTML+CSS+JavaScript
5：html：结构，CSS：样式，JavaScript:接口（交互） -
web后端开发工程师
2·html结构基础与属性
HyperText Markup Language
1. 标签:
1:标签属性：<标签 attr1=" " attr2=" " attr3=" ">
2. 初始代码
<!DOCTYPE html> //文档声明：告诉浏览器这是一个html文件
<html lang = "en"> //html文件的最外层标签，包裹着所有html标签**en表示是一个英文网站；"zh-CN"表示中文网站
<head>
<meta charset="UTF-8"> //元信息：是编写网页中的一些赋值信息
<title>Document</title> //设置网页标题
</head>
</html>
<head>
<body>
//显示网页内容
</body>
</head>
3. html注释
`<!--注释内容-->`
sublime中快捷键ctrl+/
4. HTML语义化
根据网页中内容结构选择合适的标签编写；eg.列表，段落，标题等等
好处：
1·在没有CSS的情况下，页面也能呈现出很好的内容结构
2·有利于SEO，让搜索引擎爬虫更好的理解网页
3·方便其他设备解析（如屏幕阅读器，盲人阅读器等等）
4·便于团队开发与维护
5. 标题与段落
1）标题：双标签：<h1></h1> ... <h6></h6>
规范：
在一个网页中，h1标题最重要，只允许存在一次
h5 h6标签在网页中不经常使用
2）段落：双标签：<p></p>
6. 文本修饰标签？
1)强调：1.<strong>强调1，加粗</strong> <!--强调性更强-->
2.<em>强调2，斜体</em>
2)位置：1.<sub>subscript下标</sub>
2.<sup>superscript上标</sup>
3)删除: 1.<del>删除文本，加删除线</del>
2.<ins>插入文本，加下划线</ins> 两者往往配合使用，删除后即插入应该修改的内容
7. 图片：
单标签：<img src = "">
属性：
1、图片地址: src = "address"
2、当图片问题的时候，可以显示一段友好的文字:alt = "loading text"
3、提示信息 title = "title"
4、图片宽度 width:
5、图片高度 height: <!--添加之后网速慢的时候，可以留白并且加载，给客户好的体验-->