html5总结

文本格式化标签

在网页中，有时需要为文字设置粗体、斜体或下划线等效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。

列表标签

<div>和<span>标签

<div>和<span>是没有语义的，它们就是一个盒子，用来装内容的。

<div>标签用来布局，但是现在一行只能放一个<div>。大盒子

<span>标签用来布局，一行上可以多个<span>。小盒子

图像标签和路径

图像标签

 路径之相对路径

相对路径︰以引用文件所在位置为参考基础，而建立出的目录路径。

这里简单来说，图片相对于HTML页面的位置

超链接的语法格式

 链接分类:

表格结构标签

• <thead></thead>∶用于定义表格的头部。<thead>内部必须拥有<tr>标签。一般是位于第一行。
• <tbody></tbody> :用于定义表格的主体，主要用于放数据本体。
• 以上标签都是放在<table></table>标签中

 合并单元格

 合并单元格方式:

跨行合并:rowspan="合并单元格的个数"

跨列合并:colspan="合并单元格的个数"

目标单元格:(写合并代码)

跨行∶最上侧单元格为目标单元格,写合并代码

跨列:最左侧单元格为目标单元格,写合并代码

 

合并单元格三步曲:

先确定是跨行还是跨列合并。

找到目标单元格.写上合并方式=合并的单元格数量。比如: <tdcolspan= “2” ></td>。

删除多余的单元格。

表单标签

表单组成

 

 表单域

表单域是一个包含表单元素的区域。

在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递。

<form>会把它范围内的表单元素信息提交给服务器.、

 

<input>表单元素

在英文单词中，input是输入的意思，而在表单元素中<input>标签用于收集用户信息。

在<input>标签中，包含一个type属性，根据不同的type属性值，输入字段拥有很多种形式(可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)。

 

<input />标签为单标签

type属性设置不同的属性值用来指定不同的控件类型

Type属性的属性值及其描述如下

 

 除type属性外，<input>标签还有其他很多属性，其常用属性如下∶

 

 

name和value是每个表单元素都有的属性值主要给后台人员使用.

name表单元素的名字,要求单选按钮和复选框要有相同的name值.

checked属性主要针对于单选按钮和复选框,主要作用一打开页面,就要可以默认选中某个表单元素.

maxlength是用户可以在表单元素输入的最大字符数,一般较少使用.

Label标签

 Select表单元素

 

Textarea表单元素

HTML的新特性 

Html5新增的语义化标签

<header> :头部标签

<nav>:导航标签

<article>:内容标签

<section>:定义文档某个区域

<aside> :侧边栏标签

<footer> :尾部标签

 

HTML5新增的多媒体标签

视频<video>

 语法

 

常见属性

音频<audio>

语法

常见属性

Html新增的input类型

Html新增的表单属性