HTML
不同于java：解释执行
概念：Hyper Text Markup Language 超文本标记语言
超文本：用超链接的方式，将各种不同空间的文字信息组织在一起的网状文本
标记语言：由标签构成的语言。<标签名称>，如html xml 标记语言不是编程语言
网页：在浏览器中打开html文件
语法：
- html文档后缀名.html或者.htm
- 标签：
围堵标签：开始标签和结束标签
自闭和标签：开始标签和结束标签在一起。如<br/>
- 标签可以嵌套：需要正确嵌套，不能你中有我，我中有你 正确： <a><b></a>
- 在开始标签中可以定义属性，属性是由键值对构成，值需要用引号（单双）都可以
- HTML的标签不区分大小写，建议使用小写
标签：
<p>标签表示段落标签
行级标签：按行显示，无宽高也不可以设置宽高，内容定其真实大小
a标签
超链接
<a target=”显示方式”href=”地址”></a>
target:_self 打开当前窗口
_blank 覆盖新窗口
_parent 覆盖父窗口（frameset/iframe/div）
frameName 指定框架内显示
href: 目标页面地址
title: 悬窗提示文本
锚链接：<a href=”页面地址#锚名”>提示内容</a>
<a name=”锚名”>[提示内容]</a>
行块级标签：按行显示，有默认宽高也可以设置宽高
表单：
<form method=”CET/POST” action=”where”enctype=””>
</form>
Method : GET :显示提交 地址栏挂载 ？key = value&key2=val2…
POST：隐式提交 流式
action：后台方法的别名（方便+安全）
enctype: application/x-www-form-urlencoded 文本
application/multipart-data 文件传输
application/xml
application/json
表单元素
<input type=”” name=”” id=”” value=’’/>
type：
name java后天取
id js前端取值可用
text 文本框
password 密码框
autocomplete=“off”关闭自动提示
checked 设置默认选项
readonly 只读
radio 单选按钮
name必须相同必须提供value的值
可以通过lable的for属性捆绑id实现扩展选择
checkbox 复选框
可以通过lable的for属性捆绑id实现扩展选择
number 数字框
min 最小值
max 最大值
step 步幅
embil 邮箱框
mobile 电话框
range 滑条
date/datetime 日期
nobr 禁止换行标签
<select name=””> 下拉列表框
selected 设置默认选项
<option value=”0”>请选择</option>
<option value=”1”>江苏</option>
<option value=”2”>安徽</option>
<option value=”3”>浙江</option>
</select>
<textarea name=””>文本域</textarea>
<bubtton type=””>按钮文本</button> 按钮
Type:
submit 提交按钮
reset 重置按钮
button 普通按钮
disable 禁用
Span/br/hr
非表单元素
<img src=”” alt=”” title=”” />
src : 图片地址(本地或者网络)
alt：替换文本
<audio>
</audio> 音频
<video autoplay controls>
<source src=”” type=”video/mp4”/>
</video>
块级标签：独占一行，默认宽高0*0，但可以设置宽高
<h1>
列表标签：
无序列表
<ul>
<li>…</li>
<li>…</li>
<li>…</li>
</ul>
有序列表
<ol>
<li>…</li>
<li>…</li>
<li>…</li>
</ol>
定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>
H5块
head 头
footer 尾巴
aside 侧边栏
nav 导航
articale 独立块
section 专题块
文件标签
html：跟标签
head：头标签，用于指定html文档的属性，引入外部资源
title：标题标签
body：体标签
<!DOCTYPE>定义文档
文本标签：
<meta name = keyword content="优化
<meta name = description content=
注释：<!—注释内容—>
<h1>to<h6>：标题标签
<p>：段落标签
<br>:换行
<hr>：显示一条水平线color="red" width="200" size="10" align="left"
颜色 宽度 高度 对齐方式center
Left
right
<b>:字体加粗<strong>
<i>：字体斜体<em>
<font>：字体标签，属性修改
