html学习

1. html语言与java语言区别
　　1) 语言特性
　　　　java: 编译型,运行jvm - 服务器
　　　　.java -> .class
　　　　c 编译型
　　　　html: 解释型

　　2. 执行环境
　　　　java 服务器端语言
　　　　html 客户端语言，运行在浏览器中

2. html如何运行？
　　index.html
　　1) 双击
　　2) 部署在服务器中 *
　　　　tomcat 8888
　　　　webapps
　　　　hello/index.html
　　　　http://localhost:8888/hello/
　　　　apache (http2)
　　　　nginx

3. html与xml异同
　　1) 相同
　　　　标签语言
　　　　<div>hello</div>
　　　　<h2 id="">hello</h2>

　　　　<student >
　　　　　　<id></id>
　　　　　　<name></name>
　　　　</student>

　　2) html
　　　　在一定程度上无法自定义标签
　　　　内置标签
　　　　html
　　　　head
　　　　meta
　　　　title
　　　　link 加载css
　　　　script 加载js
　　　　body
4. html语法
　　1) 元素
　　　　开始标签，结束标签，内容
　　　　开始标签中包含属性

　　　　属性由属性名和属性值组成，属性与属性通过空格隔开，属性与属性值通过等号隔开，并且不区分大小写

　　2) 注释
　　　　<!--注释内容...-->
　　3) 属性
　　核心属性(任意标签可用的属性)
　　id
　　class
　　title
　　style
　　自有属性
　　href
　　src
　　...
　　拓展属性
　　data-xxx
5. 标签
1) 块级别标签
特性：独占一行空间；默认宽度为100%【match-parent】；默认高度由内容决定【warp-content】;可以指定宽高。

　　div 无意义的块级元素
　　h1~h3 标题
　　p 段落
　　ul 无序列表
　　li
　　ol 有序列表
　　li
　　dl 自定义列表
　　dt
　　dd

2) 行级别标签
特性：与其他行内元素共享一行空间；默认宽度由内容决定【warp-content】；默认高度由内容决定【warp-content】;不可以指定宽高。

　　span 无意义的行级别标签
　　装饰类标签
　　a
　　strong
　　b
　　font
　　i
　　sub
　　sup
　　...
　　意义？
　　页面编写应该从下往下，从左往右
　　先布局在完善细节
　　会级别标签用于布局，行内标签用于填充

html 结构，
css 层叠样式表
js 动态描述

6. 为什么要重置样式，与其这样比如直接使用div
　　语义化标签
　　h1
　　不是为了使用样式
　　而是用它的语义

　　h5衍生出很多新的标签，语义化标签，没有特殊样式，与div的表现形式一样，但是具有语义，方便我们在编写页面时候直接应用
　　header
　　article
　　aside
　　footer
　　address
　　nav

7. 标签的用处
　　h1~h6 标题
　　p 段落
　　ul>li 无序列表
　　div 不知道用什么的时候用div(万能标签)

8. 实体
　　特殊字符
　　空格 &nbsp;
　　大于号 &gt;
　　小于号 &lt;
...
9. 表格
1) 结构
　　table
　　thead
　　tr
　　th/td
　　tbody (必须写)
　　tr
　　td
　　tfoot
　　tr
　　td
2) 属性
　　table
　　border
　　width
　　td
　　rowspan
　　colspan