html5笔记

文本格式化标签

• 加粗 strong

• 删除线 del

• 下划线 ins

• 倾斜 em

 超链接

<a href="连接的地址"  target="打开方式">文本(图片)</a>
<base target="打开方式">   <-- 代表所有超链接的打开方式 -->

表格

<table>
	<tr>                 -- 定义一行
        <td></td>        -- 定义一个格子
        <td></td>        -- 定义一个格子
        <td></td>        -- 定义一个格子
    </tr>
</table> 

• cellpadding 表格的内边距

• cellspacing 各自之间的距离

• align 让表格居中显示

• border 边框

• rowspan 行合并

• colspan 列合并

 表单

<form action="发送的服务器地址" method="提交方式">    --- get post put delete 
    姓名: <input type="text">                      --- 提示文本  + 控件
	<input type="submit">                         --- 提交按钮
	<input type="reset">                          --- 重置
</form>

属性

• type -控件的类型

  • text - 普通文本

  • password - 密码(隐藏)

  • radio - 单选(name的值要相同)

  • checkbox - 复选(多选)

  • file - 文件域(上传文件)

• name - 给控件起一个的名

• maxlength - 可以输入的字符的个数

• size - 控件的大小

• value - 默认值 / 按钮上的文字

• checked - 默认选中(单选多选都可以使用)

• selected - 默认选中(仅适用于select)

• placeholder - 提示信息(在控件内部)

• outlline:none;去除点击后input边框

下拉列表 

<select name="city">
	<option>信息</option>
    <option>信息</option>
    <option>信息</option>
</select>

文本域

<textarea>
	多行文本输入
</textarea>

多媒体

音频播放

<audio src="地址"></audio>

附加属性

autoplay 自动播放

controls 是否显示默认播放控件

loop 循环播放

视频播放

<video src = "地址"></vidio>

附加属性

autoplay 自动播放

controls 是否显示默认播放控件

loop 自动播放

muted 静音播放

width 设置播放窗口宽度

height 设置播放窗口高度

新语义化标签

header：定义文档的页眉

nav：定义导航链接的部分

footer：定义文档或节的页脚

article：标签规定独立的自包含内容

section：定义文档中的节

aside：定义其所处内容之外的内容

新语义化标签就是换了名字的div

语义化标签就是为了让大家用正确的标签来标记正确的内容；方便代码的阅读与理解；更整洁。