前端-one（html）

前端学习:
html
css
js(jQuery)
php
小程序

框架:
–UI框架 bootstrap 实现多终端(PC，手机，平板)页面适配
–前端框架 vue单页面应用 react node

1.没有创建项目的情况下，编辑器通过文件协议打开电脑里的某个文件
2.在创建了项目的情况下，编辑器是创建一个虚拟服务器来运行项目
127.0.0.1:8848
主机名:端口号

代码注释:
解释代码，不会被浏览器解析(翻译)
注释快捷键:
ctrl+/
快速选中单行:
ctrl+字母l
向前缩进:
shift+tab
向后缩进:
tab

html标签语法:
1.<标签名></标签名> 成对标签
2.<标签名 /> 自闭合标签

html标签:
1.html 根标签 成对
2.head/body html基础结构 成对
3.meta 设置网页功能性系列 自闭合
4.title 设置网页标题 成对
5.文字标签
5.1段落标签 p 成对 块级
5.2标题 h1-h6 成对 块级
5.3斜体 i em cite 成对 行内
5.4加粗 b strong 成对 行内
5.5换行 br 自闭合 块级
5.6水平线 hr 自闭合 块级
5.7上下角标 sup/sub 成对 行内
5.8字体标签 font 成对 行内(基本上废弃了)

延申一下:
基础行内标签 span 成对 行内
基础块级标签 div 成对 块级
6.图片标签 img
属性语法:
<标签名 属性名1=“对应属性取值” 属性名2=“对应属性取值”…></标签名>
<标签名 属性名1=“对应属性取值” 属性名2=“对应属性取值”… />

图片标签可用属性:
1.src 取值是文件的路径，路径分三种:
绝对路径，在项目里不用
****相对路径，在项目里最常用， / 代表向下一层文件夹 …/代表向上一层文件夹
网络路径，涉及到知识产权，加载速度，这个尽量不用
2.title 取值是自定义文本，用来描述图片
3.alt 取值是自定义文本，图片未加载时显示的文本
4.width 取值是数字，用来设置宽度
5.height 取值是数字，用来设置高度

html标签类型:
1.块级标签(标记，元素)
独占一行，“霸道”，宽度取决于父级标签的宽度
2.行内标签
可以跟其他的行内标签或者纯文本共占一行，宽度取决于自身内容的宽

标签嵌套:
块级标签作为父元素嵌套行内/块级标签，行内作为父元素嵌套块级很少出现