html标签，视频和音频，滚动标签，下拉框，表格等（基础）

1、文本修饰标签（双）    直接使用即可，没有任何属性

    <b>加粗标签</b>
    <i>倾斜标签</i>
    <u>下划线标签</u>
    <big>放大标签</big>
    <small>缩小标签</small>
    <s>删除线标签</s>
    <sup>上标标签</sup>
    <sub>下标标签</sub>

2、标签

<p>段落标签独占一行</p>
<br>	<!-- 单标签	直接换行 -->
<div>盒子</div>
<!-- 
背景颜色		< bgcolor="颜色值/英文单词">
颜色		<color="颜色值/英文单词">
水平对齐方式	align="left"(居左)(默认)、"center"(居中)、"right"(居右)	
-->

3、标题标签，从1到6，随着数值的增大，字体变小，默认加粗，独占一行，前后有间隔

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

4、水平线标签（单）

	<hr>
	<!-- size="粗细"	填写数值px
	width="宽度"	填写数值
	color="颜色值"
	水平对齐方式	align="left"(居左)、"center"(居中)(默认)、"right"(居右)-->

5、滚动标签（双标签）

<marquee behavior="" direction="" bgcolor="" width="" height="" scrollamount=""></marquee>
<!-- 整体滚动方向behavior="alternate"(左右滚动) 、"scroll"(循环滚动)(默认)、"slide"(只滚动一次)
文字滚动的方向direction="down"(下)、"left"(左)(默认)、"right"(右)、"up"(上)
背景颜色bgcolor=""
宽度width=""滚动速度scrollamount=""(默认是6)
设置循环次数的属性：loop="正整数" -->

6、图片标签

<img src="图片路径">
	<!-- 图片宽度	 width="数值"
	图片高度 	height="数值"	宽高任选一样设置，同时设容易图片变形
	图片位置情况一：找到图片，鼠标右键->属性->复制位置/名称 -->
	<img src="图片路径">
	<!-- 图片位置二：图片和代码在同一文件下，直接写图片名称 -->
	<img src="图片路径">
	<!--图片在页面的对齐方式align="left"(居左)"right"(居右)         注意：没有居中，没有默认
	alt="当图片因各种原因加载不出来时，提示文字"
	title="鼠标划过图片显示的文字" -->

7、列表

<!--（1）有序列表（双）-->
	<ol>
		<li>列表项一</li>
		<li>列表项2</li>
	</ol>
	<!-- ol双标签里可以写n对li
	类型	type=""	1(默认)、A、a、I、i  只能五选其一    （reversed start  倒过来）
	开始	start="数值"	只能填数值
	倒序 	reversed -->
<!--（2）无序列表（双）-->
	<ul>
		<li>列表项1</li>
		<li>列表项2</li>
	</ul>
	<!-- ul双标签里面可以写n对li
	类型	type="" disc(实心圆) （默认）、 circle（空心圆）、square (实心正方形) -->
<!--（3）自定义列表	了解即可 -->
	<dl>
		<dt>名词1</dt>
			<dd>解释1</dd>
			<dd>解释2</dd>
		<dt>名词2</dt>
			<dd>解释1</dd>
			<dd>解释2</dd>
	</dl>

8、链接跳转，超链接

15.超链接（双）
	<a href="目标链接地址">内容</a>
	空链接	<a href="#">内容</a>
<!-- 链接到外部网址 -->
		<a href="http://www.baidu.com">百度一下</a>
<!-- 连接到同文件下的网址 -->
		<a href="文件名">内容</a>
<!-- 图片作为超链接 -->
		<a href="#"><img src="图片路径"></a>
<!-- 链接到电脑任意位置的图片 -->		
		<a href="位置+/+名称">内容</a>
<!-- 网页打开方式
	target="_self"	当前网页打开<默认>
		"_blank"	新窗口打开
	锚链接
	页面的开始	<a href="#aa" id="bb">跳到底部</a>
	页面的底部	<a href="#bb" id="aa">回到顶部</a>
 -->

9、字体标签(双)    <font></font>

<font>fon字体样式</font>
<!--
属性：
	字体大小	size="数字"	1~7
	字体颜色	color="颜色值/6位十六进制"
	字体样式	face="华文彩云"
-->

10、水平对齐方式    

align="left"        (居左)(默认)
align="center"      (居中)
align="right"       (居右)  

11、表单标签（双）<form></form>

<form></form>
<!--
属性：
action="目录文件地址"    跳转页面
method="post"安全性高、传输量大、速度慢    
method="get"安全性低、传输量小、速度快
-->

12.按键（input）的属性：（写法：<input type="属性值">）

(1)输入框:
type="email"						限制用户输入必须为Email类型（邮箱）（必须带@）
type="url"							限制用户输入必须为URL类型（网址）
type="date"							限制用户输入必须为日期类型
type="time"							限制用户输入必须为时间类型
type="month"						限制用户输入必须为月类型
type="week"							限制用户输入必须为周类型
type="number"						限制用户输入必须为数字类型可以设置输入范围
type="tel"							手机号码
type="search"						搜索框
type="color"						生成一个颜色选择表单
type="range"						通过拖动滑条改变一定范围内的数字
type="text"	 						文本输入框
type="file"							生成一个上传控件
type="password"						隐藏字符（密码框）	
输入框属性：
placeholder							输入字符提示
maxlength							设置文本框最大字符长度
minlength							设置文本框最小字符长度
pattern							    用于输入验证大正则表达式
readonly							文本框处于读取状态(提交时提交该数据)
disabled							文本框处于禁用状态(提交时不提交该数据)
size								设置文本宽度(默认为20)
value								设置文本框初始值
requeired							单属性表明用户必须输入一个值，否则无法通过输入验证
outline: none;						在css里可以取消自的带框

13、按钮、<button>按钮</button>

<button>按钮</button>
type="botton"						普通按钮(默认)
type="submit"						提交按钮
type="reset"						重置按钮
type="image"  src="路径"			图片提交按钮
按钮属性：
value="文字"		

14、文本域    <textarea></textarea>

<textarea></textarea>
<!-- 属性：（1）cols文本域的宽度   	（2）rows文本域的高度 -->

15、下选框，下拉框   

<select>
	<option>选项1</option>
	<option>选项2</option>
	<option>选项3</option>
</select>
<!--
size="个数"		可以控制下拉框在页面显示的个数
multiple="个数"	可以同时选中下拉框的个数
-->

 16、label标签

<!-- label标签怎么写？它的作用是什么？ -->
<!--1) 方法一：-->
	<label>
		<input type=”checkbox” /> 学习
	</label>
<!--方法二：-->
	<label for="sex">男</label>
	<input type="radio" name="sex"  id="sex">
<!--2) 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。-->

17、单选框，复选框

<!--选择框：-->
<input type="radio">				单选框
<input type="checkbox">				复选框
<!--
单选框属性：
	想要达到多选一的情况，可以在后面加上name="组名",组名不能取纯数字，同一组名下，可以多选一
-->

18、表格标签（双）<table></table>

<!--
表格标签（双）<table></table>
	表格边框	border="数值"	默认0无边框
	边框颜色bordercolor="颜色值"
	表格宽度	width="数值"
	表格高度	height="数值"
	表格背景颜色 bgcolor="颜色值"
	表格在页面中水平对齐方式align="left"(居左)（默认）、"center"(居中)、"right"(右)
	边框于内容之间的间距	cellpadding="数值"
	边框与边框之间的间距	cellspacing="数值"	当数值为0时，是实线
H5新增标签可以省略后面的不能不写前面的
比如：只写thead可以不写tbody和tfoot、
	只写thead和tbody可以不写tfoot	、
	全写，顺序不能错
H5新增标签写法：-->
        	<table>
				<thead>
					<tr>
						<th></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td></td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<td></td>
					</tr>
				</tfoot>
			</table>
<!--
1.行标签<双><tr></tr>
	整行背景颜色 bgcolor="颜色值"
	整行高度	height="数值"
	对齐方式align="left"(居左)（默认）、"center"(居中)、"right"(居右)
2.单元格标签（双）<td></td>
	某个单元格背景颜色 bgcolor="颜色值"
	所在数列宽度width="数值"
	对齐方式align="left"(居左)（默认）、"center"(居中)、"right"(居右)
	垂直对齐方式valign="top"(居上)、"middle"(居中)（默认）、"bottom"（居低）
	垂直合并（上下合并）	rowspan="数值"	占几行就写数值几
	水平合并（左右合并）	colspan="数值"	占几列就写数值几
注意:（表格书写的步骤）
1.写表格先写表格标签，
	<table border="1">

	</table>
2.里面几行就写几对tr
3.每一行几个格就写几对td
4.找出涉及合并的单元格，水平合并（左右合并）的数值colspan="数值"
		        垂直合并（上下合并）的数值rowspan="数值"	
5.每一行的行高写到tr开始标签里面	<tr height="数值">
6.每一列的宽，写到没有合并过的一个单元个里面		<td width="数值">
	(5.)插入背景图片在<body>里面加background="图片位置"
	改变背景图片全屏
	<head>
		<title></title>
		<style>
			body{
				background-size:100%100%
				}
		</style>
	</head>
标签分为单标签和双标签
标签的左右有<>，一定要加尖括号
开始标签和结束标签的区别是结束标签多一个/

属性后面一定要跟=""
属性要写到开始标签里面，不用写在结束标签里面

格式：
<开始标签 属性1="属性值1" 属性2="属性值2" 属性3="属性值3">内容</结束标签>
	除中文外，符号一律只能是英文状态下的
-->

19、视频，音频

## 视频 ##
	格式：<video></video>
	属性：
		* src="视频的路径" 
		* controls：加载播放控件
		* autoplay：自动播放
		* width
		* height
		* loop：循环播放
		* poster="视频播放前的图片的路径"
## 音频 ##
	格式：<audio></audio>
	属性：
		* src="音频的路径" 
		* controls：加载播放控件
		* autoplay：自动播放
		* loop：循环播放
## 添加具有备用 Flash的视频和音频 ##
	格式：<embed>
	属性：
		* src:"多媒体的路径"
		* type:"定义嵌入内容的类型"

20、特殊符号    前&后;    把它当做是一个字 用就可以了

	 		一个空格
	 		两个空格
	 		四个空格
	♥	爱心
	<		小于号
	>		大于号
	®		已注册	圈r
	©		版权	©
	™		商标	™