html标签知识点

【ctrl+shift+i或F12】
1、base标签（本页面或者新页面打开网址）
<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>

2、锚点：（适合长页面跳转）
<a href="#idName">个人作品</a>
<div id="idName">个人作品个人作品个人作品个人作品个人作品个人作品个人作品</div>

3、自定义列表
<dl>
<dt>小标题</dt>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>

4、表格table
cellpacing 单元格与单元格边框之间的空白间距
cellpadding 单元格内容与单元格边框质检的空白间距
align="left|center|right" 表格在网页中的水平对齐方式
<table><caption>表格标题</caption></table>
rowspan 跨行合并单元格
colspan 跨列合并单元格

5、表单控件
<input type="image" src="img.jpg">
size :input控件在页面中显示的宽度
maxlength:允许输入的最多字符数
radio\CheckBox 默认选中：checked="checked";select 默认选中：selected="selected"

6、label标签:用于绑定一个表单元素，当点击label标签时，被绑定的表单元素会获得输入焦点。
<label>输入账号：<input type="text"></label>

7、H5新增标签 header footer nav aside section article datalist fieldset
<input type="text" list="star"/>
<datalist id="star">
<option>123</option>
<option>135</option>
<option>235</option>
<option>236</option>
</datalist>

8、新增input的type类型 email url number tel search range time date datetime month(年月) week（年周）color
<form action="">
数字：<input type="number"/>
搜索：<input type="search"/>
区域：<input type="range"/>
时间：<input type="time"/>
日期：<input type="date"/>
颜色：<input type="color"/>
邮箱：<input type="email"/>
url：<input type="url"/>
<input type="submit"/>
</form>

9、常用新表单属性 placeholder(占位符) autofocus(自动获焦) multiple(多文件上传) autocomplete（自动记录带出）
required(必填项火狐可以看到效果：边框变红) accesskey(快捷键获得光标)
用户名：<input type="text" placeholder="请输入" autofocus/>
上传头像：<input type="file" multiple/>
<form action="" >
<input type="text" placeholder="请输入" name="userName" autocomplete="on" />
<input type="submit"/>
</form>
<input type="text" required accesskey="s"/>

posted @ 2019-12-10 10:37 米修^~^ 阅读(170) 评论(0) 收藏举报

刷新页面返回顶部

米修^~^

html标签知识点

公告