HTML文件夹组织
HTML文件组织有几种形式
（1） 根目录
（2）下层文件目录
小工程：html目录 css目录 images目录 video目录
大工程：子目录1 子目录2 子目录3
html images...
大工程：其他结构
cmd等文件目录命令，这里也适用
（1）理解cmd等基础文件命令
（2）理解windows的\ 必须写成\\ 或者/
（3）目录命令，就是文件夹层次，理解这点，“文件夹层次”即代表 层级（无视文件）
（4）目录往上是受到文件夹层次的限制的
比如 命令行只能最多回到 盘符，不能跨硬盘
html网页文件夹层次，最多也只能回到 根目录
（5） 注意网址，也就是文件夹路径+文件名总长度，老的是255字符。现在浏览器限制少一些，尽量小于255
cd ~ // 写成cd~会报错,回到根目录
cd .. //往上回一级
cd ../.. //往上回2级
cd ../../.. //往上回3级
网页之间跳转
假设 当前根目录文件夹为 f1，包含index.html
下层有文件文件夹 f11 ,包含文件 subfile.html
下层有文件文件夹 f111 ,包含文件 subsubfile.html
当前网页地址：f1 或者 f1/ 或者 fi/index.html
<a href="f11/subfile.html"> 当前在根目录，跳转到下级页面</a>
<a href="../index.html"> 当前在subfile,跳转到上层父目录的 index页面</a>
<a href="../../index.html"> 当前在subsubfile,跳转到上上层父目录的 index 页面</a>
一 格式归纳和对比
- html大小写不敏感，建议用全小写?
- css的格式好像有部分大小写敏感,一般也不敏感，是小写？？
- 简单总结两者语法差别
- html除了属性值需要加引号，一般不需要其他额外的格式
- html里属性的写法是 = 如 key="value"
- css每个语句都要带分号 ; 键值对的写法是冒号， key:value
html格式：(标记性语言)
例子：
<p> 段落1</p>
<img src="">
- 元素格式：结尾不需要； 缩进也不敏感
- 内容格式：内容并不需要""括起来
- 标签格式：
- 属性格式：key=value形式 （"value"），中间是等号， 属性值 value要带引号！！
- 注释： <!--中间是注释 -->
css格式：（类脚本语言，类js?）
例子
- 语句体 block 必须以 { } 内
- 语句体，外的，元素选择器/ID选择器等，都不要带引号 或者<>
- 语句：key:value 形式，中间是冒号，value没有带引号
- 每行语句：都必须以 ; 结尾
- 注释：//是注释
- 注释：/* */是注释
html标签分类
display ： block
display ： in-line
display ： in-line block
（1）常用块元素： 每次都独立起一行，且终止这一行
- 每个块级元素都从新的一行开始，并且其后的元素也另起一行。独占一行，强制换行
- 独占一行,默认情况下，其宽度自动填满其父元素宽度 100%
- 元素的高度、宽度、行高以及顶和底边距都可设置。
- 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
- 肯定可以包含 行内元素
- 除了几个 最小的特殊块元素，其他的都可以再包含其他块元素
div,head,body p h1-h6
ol,ul,table,form
li
（1-1）其中最小不可拆分/嵌套块元素： p ,h1~h6
不能里面再嵌套 其他块元素，但可以 嵌套 行内元素
（2）常用内联/行内元素： inline,在1行内，写完后面也不分行
a ,span
br i em strong
<sub><sup><textarea>
- 和其他元素都在一行上，可自动换行（一般在一行，也可能跟随宽度而自动换行，不是强制换行）
- 元素的高度、宽度及顶部和底部边距不可设置；
- 元素的宽度就是它包含的文字或图片的宽度，不可改变。
- 可以包含/嵌套 其他行内元素，绝对不可包含块元素
- 相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化
- 行内元素起边距作用的只有margin-left，margin-right，padding-left，padding-right，其它属性不会起边距效果
- 行内元素设置width，height属性无效
（3）有些不太确定的元素？可能要根据情况分辨？？
（4）常用行内块元素： inline-block
image, input
- 和其他元素都在一行上；
- 元素的高度、宽度、行高以及顶和底边距都可设置
容器 container
块元素都可以算container?
行内元素也算啊
meta
http-equiv属性
它用来向浏览器传达一些有用的信息，帮助浏览器正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值
<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">
name属性 : 不显示给用户，但能被搜索到
<meta name="keywords" content="meta属性演示">
a(anchor 锚点)
例子：
<a href="" target=_blank name="" title=""> </a>
<a href="" target=_self name="" title=""> </a>
P（paragraph）
DIV 盒子标签 容器