1.什么是HTML？
全称：HyperText Markup Language（超文本标记语言）。
2.空标签
空标签即不能包含子元素的标签。
如：input;img;meta;link;hr;br;col;colgroup;frame;base;等。
3.可替换标签
CSS 里，可替换元素（replaced element）的展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的 外部对象。
如：img;object;video;textarea;input
audio;canvas有时候也是。
4.a
超链接，方法为get
常用的可选属性如下：
href 锚（必须属性）
<a href="url"></a> url可是绝对路径，可相对路径
<a href="#top"></a> 返回页面顶部
<a href="#"> </a>刷新页面
<a href="//"></a> 无协议,使用当前文件协议
<a href="javascripit:;"></a>伪js协议
target
<a href="#" target="aaa"> 在aaa窗口打开
<a href="#" target="_self"></a> 当前页面加载
<a href="#" target="_blank"></a> 新窗口加载
<a href="#" target="_parent"></a> 父页面加载
<a href="#" target="_top"></a> 顶级页面加载，如祖父级，父级
download 下载
<a href="xxx.com" download>
5.ifame
镶嵌页面
<iframe src="xxx.com" name="xxx"><iframe>
6.form
表单
常用属性：
action：提交到哪儿 （必须）
methoh：方法 （必须）
get：URI中以？作为分隔符，发送给服务器（会暴露）
post：发送内容出现在http第四部分。
target：
同a标签的target
7.input
type属性：
text:输入文本
<input type="text">
<input type="text" placeholder="abcd"> #默认输入abcd
password：输入密码
<input type="password">
checkbox:多选
<input type="checkbox" name="g1" value="1" checked>#默认选1
<input type="checkbox" name="g1" value="2">
radio：单选
<input type="radio" name="g2" value="1" checked>#默认选1
<input type="radio" name="g2" value="2">
select:下拉选项
<select name="select" multiple>可多选
<option value="2">1</option>
<option value="2" selected>2</option> #默认选2
<option value="3" disabled>3</option>#不能选3
</select>
file：上传文件（accept属性控制类型）
range:用于输入不精确值空间
reset:将表达所有内容设置为缺省值的按钮
search：搜索，换行会自动移除
button：当没有submit时才会变成提交按钮
<input type=“button” value=“button”>
<button>button</button>
sumbit：提交按钮
<input type="sumbit" value="button">
img：图片提交按钮，必须使用sirc属性以及alt代替文本
color:选择颜色
date：选择日期(年月日，不包括时间)
datetime：基于UTC时区的日期时间输入空间
email:输入email
tel:电话
textarea：文本框
<textarea>ABCD</textarea>
其他属性：
name:控件名称，用于提交到服务器，后端会识别
max：最大值
mix：最小值
maxlength:最大长度
disabled：不可选
accept:控制file的类型，形式如下accept=".jpg,png,doc" 点-格式-逗号
laber
关联input：
1.for属性关联input的name属性
<laber for="xxx">XXX<laber><input type="text" name="xxx">
2.包裹inputype
<laber><input type="text"></laber>
8.table
表格
例：
<table>
<colgroup>
<col width=100>
</colgroup>
<thead>
<tr>
<th>Head<1/th>
<th>Head2</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
</tr>
</tobdy>
<tfoot></tfoot>
</table>
9.head
head标签包含以下标签：
meta：<meta charset="utf-8">
titile：窗口的标题。
base：指定一个文档包含所有相对URL的基本URL，只能有一个。
<base href="http;//xxx.com">
<base target="_blank" href="http://xxx.com">
link：引入css
<link href="xxx.css" rel="stylesheet" title="xxx">
style：使用css
<style type="text/css">
h1{color:red}
</style>
script：使用js
<script type="text/javascript">document.write("Hi")</script>
noscript ：当浏览器不能允许js时允许。
网友评论