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>:字体标签,属性修改