HTML的基础二

一、图片元素

<img src="url" alt="出错" width="宽度" height="高度"/>

<img/>
属性：
	src：指定要显示的图片的url
	alt：当图片无法显示的时候用文字去解释它
	width:宽度
	height：高度
		注意：如果只改变 width或者height中一个属性的化 那么另一个属性会跟着等比缩放
	title：当鼠标指向时提示的文字

二、链接

<a>超链接</a>
<a href="#" target="_self"></a>
<a href="#top">回到顶部</a>

超链接的第一种用法
	href:链接的url
	traget:指定打开新网页的形式
		属性：_self：在原网页中跳转
		   	  _blank:在新网页中跳转
超链接的第二种用法
	锚点：在网页的任意位置处做个记号，可有任意位置的a标签跳转到该记号上

三、表格

1、表格的作用

	按照一定的格式摆放数据
	表格是由一些被称为单元格的矩形框组成，按照从左到右，从上到下的顺序。

2、表格的创建

<table border="边框" cellpadding="单元格的内边距" cellspacing="单元格的外边距" align="水平位置" bgcolor="背景颜色" >
	<caption>日常九宫格</caption>
	<tr align="水平对齐" valign="垂直对齐" bgcolor="背景颜色">
		<td  colspan="横向合并" rowspan="纵向合并" valign="垂直对齐" align="水平对齐" width="宽度" height="高度">
		</td>
	</tr>
</table>

		表格的标题 默认：表格上方居中位置
		每个表格最多只能有一个标题（约定俗成）但是可以写多个标题

3、复杂表格的用法(行分组)

<thead>1.表头行部分</thead>
<tbody>2.表主体部分</tbody>
<tfoot>	3.表尾行分组</tfoot>

注意：每个行分组中，都允许包含一对或者多对 tr标签

四、列表

有序列表

<ul>
	<li></li>
</ul>

无序列表

<ol>
	<li></li>
</ol>

自定义列表

<dl>
	<dt></dt>
	<dd></dd>
</dl>

五、结构语标签

<header>作用：定义文档的页眉用于取代<div id=“header”></header>
<nav>用于表示页面中的导航部分</nav>
<section>用于表示页面中的主体部分</section>
<footer>用于表示页面中底部部分</footer>
<article>独立于文档的其他部分内容</article>
<aside>表现于网页中边栏信息</aside>

六、表单

表单标签

<form action="提交的网站" method="get或post">
	<input name="控件名称" type="类型" value="值" disabled="禁用控件">
</form>

文本框（text） 密码框（password）
单选按钮（radio） 多选按钮（checkbox）
提交按钮（submit） 重置按钮（reset）