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. 实体
特殊字符
空格
大于号 >
小于号 <
...
9. 表格
1) 结构
table
thead
tr
th/td
tbody (必须写)
tr
td
tfoot
tr
td
2) 属性
table
border
width
td
rowspan
colspan
