目录
一、文本标签
1、标题 <h1></h1>~<h6></h6>
2、段落 <p align=" "></p>
3、换行 <br/>
4、水平线 <hr align=" " width=" " hieght=" " />
5、强调 <b></b> <strong></strong>
6、注释 <!--注释-->
二、图片标签和超链接标签
1、图片标签
<img src="URL(路径)" title="提示" align="对齐" broder="边框" width="宽" height="高" />
2、超链接标签
<a href="URL(路径)" target="目标窗口">文字,图像</a>
注:target:_self 默认,当前窗口;_blank 新窗口
三、音频和视频标签
1、音频
<audio src="路径" controls=" " autoplay=" " width=" " height=" ">
<source src=" " />
</audio>
2、视频
<video src="路径" controls=" " autoplay=" " width=" " height=" " poster="图片地址">
<source src=" " />
</video>
四、列表、容器标签
1、列表
无序:导航条,文章列表,排版
<ul type="disc | circle | square">
<li>列表项</li>
</ul>
有序:排行榜,操作手册......
<ol type="1 | A | a | I | i" start=" ">
<li>列表项</li>
</ol>
定义类别:图文混排
<dl>
<dt>内容</dt>
<dd>对列表中的项目描述</dd>
</dl>
2、容器标签:组合其他标签
<div></div> 独占一行
<span></span> 同行展示
五、表格标签
1、基本结构:内容必须写在td标签中
<table>
<tr>
<td>内容</td>
</tr>
<table>2、步骤:table—tr—td
3、单元格:<td>
跨行 colspan
跨列 rowspan
4、表格高级标签:caption、th、thead、tbody、tfoot
5、表格尺寸和边框:width height border bordercolor
6、表格背景:bgcolor background
7、对齐方式:align【left(默认) | center | right】
8、填充和间距
cellspacing 间距
cellpadding 填充
9、表格标题:<caption></caption>
六、表单
1、语法
<form name="名" action="#" method="get/post"/>
表单元素
</form>2、输入框和按钮
<input name="名" type="类型" value="" size="" checked="" placeholder="提示文本"
readonly(表示只读,只能看到,不能修改的输入框) />文本框 text
密码框 password
多行文本 <textarea name="" cols="列" rows="行">内容</textarea>
提交按钮 submit
重置按钮 reset
普通按钮 button
图片按钮 image
3、单选、复选和下拉框
复选框 checkbox
单选按钮 radio
下拉列表
<select name="指定列表的名称" size="行数">
<option value="值">显示项</option>
</select>4、表单验证
必填 required
类型匹配 type=url | email | number | range | date
控制字符 maxlength
自定义错误 oninvalid="setCustom Validity('错误提示')"
οninput="setCustom Validity(' ')"