新窗口打开页面的黑魔法
写在头部标签内<head> 针对页面所有a标签
<base target='_blank' />
如果单独a标签有例外,则可以单独控制写在a标签内
特殊字符
空格
大于,小于 > <
& &
版权 ©
人民币 ¥
注册商标 ®
摄氏度 °
正负号 ±
乘号 ×
除号 ÷
平方 ²
立方 ³
列表
无序列表 ul
有序列表 ol
自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>
<dd>内的内容围绕<dt>内的内容解释说明
页面底部的说明通常会用自定义列表
表格
表格属性:
cellspacing 单元格与边框距离
cellpadding 单元格与内容的距离
border 设置单元格边框
align 表格在网页中水平对齐方式
表格结构:
表格标题
<caption></caption>
写在table里面
表头
<thead></thead>
主体部分:
<tbody></tbody>
合并单元格:
跨行合并 rowspan
跨列合并 colspan
合并后删除多余单元格
删除的个数 = 合并的个数 - 1
表单
表单域
属性
action 提交地址
method 提交方式
name 表单域名称
提示文本
表单控件
使用全角状态下的空格可以
很好的对齐俩行文本不一的文字
图像按钮
<input type='image' scr='' />
label 标签
绑定input框,与input框成为一个整体
效果可以做到当点击提示文本时,光标定位在
相应的input中
<label><input /></label>
如果label中有多个input,可以通过
绑定id的方式定位input
<label><input /><input /></label>
下拉列表
默认选中
selected = 'selected'
html5 新增标签
header 定义文档头部分 页眉
nav 定义文档导航栏
section 定义文章中的节 定义一个小块
footer 定义文档页脚 底部
article 定义文章
aside 定义侧边
datalist 定义选项列表 搭配input使用
<datalist id='name'>
<option></option>
</datalist>
在input中绑定 list ='name'
fieldset 搭配legend使用 打包分组表单内的
一类元素
<fieldset>
<legend>name</legend>
<input>
</fieldset>
新增input内的属性
autofocus 自动获取焦点
multiple 多文件上传 配合文件域使用
autocomplete 自动完成 记录已经输入过的内容,
必须提交过之后,submit,必须给表单控件input一个name值
required 不能为空
accesskey 使元素快速定位光标 使用alt + s 快捷键
引入网络视频 傻瓜式 通过网站上复制 embed
播放声音 audio 无限循环
<audio src='' autoplay controls loop='-1' />
为了浏览器兼容,要准备俩种格式的音频
ogg mp3 wav
<audio>
<source src />
<source src />
</audio>
video 属性与audio差不多,但多了width height
ogg mpeg4 webm
<video>
<source src='' />
<source src='' />
</video>
网友评论