HTML（超文本标记语言）
注：html为解释执行（边解释边执行），此处要和java区分开
1.项目模型
C/S Client/Server TCP/UDP 数据 有状态协议
B/C Browser/Server HTTP(S) 超文本 无状态协议
2.标签类型
自闭合：<… /> // 等于号前后不要空格（提醒部分java用户的书写习惯）
对标签：<… >…</>
3.标签
(1)结构标签
<html>
<head>
<title>首页</title>
</head>
<body>
...
</body>
</html>
（2）常规标签
1）行级标签：按行显示，无宽高也不可以设置宽高
a标签：
超链接
<a target=”显示方式” href=”地址” title=”内容”>提示内容</a>
Target: _self 覆盖当前窗口
_blank 打开新窗口
_parent 覆盖父窗口（frameset/iframe/div）
frameName 指定框架内显示名称
href： 目标页面地址
title： 悬窗提示文本
锚连接 _self 一般默认，可不写
<a target=”_self” href=”页面地址#锚名字”>提示内容</a>
<a name=”锚名”>[提示内容]</a>
较常用行级标签整理如下：
<span>内容</span>
<label>内容</label> //通过label的for属性捆绑radio标签id实现扩展选择
<br/> 换行标签
<hr/> 水平线标签
<strong>内容</strong> 粗体标签
<em>内容</em> 斜体标签
<i>内容</i> 斜体标签
2）行内块级标签：按行显示，有默认宽高也可以设置宽高
表单：(前后端交互)
<form method=”GET/POST” action=”where” enctype=”加密类型”>
...
</form>
method:
GET:显示提交 地址栏挂载 ？key=value&key2=val2...
POST:隐式提交
流式（看不见
action:
后台方法的别名（方便+安全）
enctype:
application/x-www-form-urlencoded 文本
application/multipart-data 文件
application/xml XML格式数据
application/json json格式数据
表单元素
name java后台取值用的键
id js前端取值用的键
value 表单元素的值
（1） <input type=”” name=”” id=”” value=””/>
type
text 文本框
autocomplete=”off” 关闭文本自动提示
readonly 只读
password 密码框
radio 单选按钮
name必须相同 必须提供value的值
可以通过label的for属性捆绑id实现扩展选择
checked 设置默认选中
checkbox 复选框
name必须相同 必须提供value的值
可以通过label的for属性捆绑id实现扩展选择
checked 设置默认选中
date/datetime日期框
number 数字框
min 最小值
max 最大值
step 步幅
email 邮箱框
tel 电话框
range 滑条
min 最小值
max 最大值
step 步幅
file 文件域
（2） <select name=”Province” > 下拉列表
<option value=”0”>-请选择-</option> 值
</select>
（3） <textarea name=””>...</textarea> 多行文本域
（4） <button>按钮文本</button> 按钮
type：
submit 提交按钮
reset 重置按钮
button 普通按钮
disabled 禁用按钮
非表单元素
<img src=”” alt=”” title=””/>
src：图片的地址（本地或网络）
alt：替换文本
<video autoplay controls>
<source src=”” type=”” />
...
</video>
<audio autoplay controls >
< source src=”” type=”” />
</audio>
3）块级标签：独占一行，无默认宽高0*0，但可以设置宽高
代码如图所示：
结果如下所示：
标题
标题
标题
标题
标题
标题
列表标签： 无序列表- ...
- ...
- ...
- ...
- ...
-
...
- ...
645
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
