HTML基础
标签类型:
1、 自闭合:即只有一个标签,如<br/>,<img>,<hr>
等
2、对标签:即有一对标签,
基础标签
1、结构标签
<html>
<head>...
<title>....</title>
</head>
<body>...</body>
</html>
2、设置窗口标签即图片,即
在结构…中操作
a.对文字进行操作,使用
<input type=”” name=”” id=” ”value=””/>
type: text
文本框(resonly 默认只读);password 密码框;radio 单选按钮(name必须相同 必须提供value的值;可以通过label的for属性捆绑id实现扩展选择);checkbox 复选框(name必须相同 必须提供value的值;可以通过label的for属性捆绑id实现扩展选择); number 数字框(min max step);email 邮箱框;tel 电话框range 滑条(min max);date/datetime 日期;file 文域
下拉列表框
<select name=”province”>
<option value=”0”>请选择</option>
<option value=”1”>江苏</option>
<option value=”2”>安徽</option>
<option value=”3”>浙江</option>
</select>
可以通过sele
cted设置option默认选中项
多行文本域
<textarea name=””>…</textarea>
按钮
<button type=””>按钮文本</button>
type:
sumbit 提交按钮
reset 重置按钮
button 普通按钮
disable 禁用按钮
标单元素
图像标签
<img src=”” alt=”” title=””>
src:图片地址(本地或者网络)
alt:替换文本
音频标签
<audio>
<source src=”” type=””/>(逐个播放)
<source src=””
type=””/>
…
</audio>
```css
视频标签
<video auto
play(自动播放) controls>
<source src=”” type=” video/mp4”/>(逐个播放)
块级标签:独占一行,默认宽高0*0,但可以设置宽高。
标题标签
```css
<h1>标题<h1>
<h2>标题<h2>
<h3>标题<h3>
<h4>标题<h4>
<h5>标题<h5>
<h6>标题<h6>
无序列表:
<ul>
<li>…</li>
<li>…</li>
</ui>
有序列表
:
<ol>
<li>…</li>
<li>…</li>
</oi>
<dd></dd>