html基础入门：标签

一、img标签的简单介绍

<img src="timg.gif" alt="加载图片失败时显示的文字提示" title="鼠标移动到图片上时显示图片的标题">

二、锚点 定位

点击链接自动跳到对应的id内容位置

<!-- 锚点定位 -->
	<a href="#live">点这</a>
	<p id="live">到这来</p>

三、base便签

设定默认跳转方式

<base href="" target="_blank"><!-- 写在 head 便签里，同意所有链接跳转方式 -->

四、特殊字符

单标签：hr br base img

五、注释

快捷方式：ctrl+/  （取消注释只需再按一次）

<!-- 注释内容 -->

多写注释，养成良好习惯。

六、路径

路径可以分为： 相对路径和绝对路径

• 相对路径

以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。

1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如&lt;img src="logo.gif" /&gt;。
2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如&lt;img src="img/img01/logo.gif" /&gt;。
3. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如&lt;img src="../logo.gif" /&gt;。

• 绝对路径

绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的

“D:\web\img\logo.gif”，或完整的网络地址，例如“http://www.itcast.cn/images/logo.gif”。

七、列表

无序列表和有序列表

    <!-- 无序列表 -->
	<ul>
		<li>列表1</li>
		<li>列表2</li>
		<li>列表3</li>
		<li>...</li>
		<li>列表n</li>
	</ul>
	<!-- 有序列表 -->
	<ol>
		<li>列表1</li>
		<li>列表2</li>
		<li>列表3</li>
		<li>...</li>
		<li>列表n</li>
	</ol>

八、表格
1.table用于定义一个表格。

2.tr 用于定义表格中的一行，必须嵌套在 table标签中，在 table中包含几对 tr，就有几行表格。

3.td /td：用于定义表格中的单元格，必须嵌套在<tr></tr>标签中，一对 <tr> </tr>中包含几对<td></td>，就表示该行中有多少列（或多少个单元格）。

4.表格的标题： caption。

• 注意：

1. <tr></tr>中只能嵌套<td></td>
2. <td></td>标签，他就像一个容器，可以容纳所有的元素

• 合并单元格（难点）

跨列合并colspan>先下后下 先左后右>删除个数

跨列合并rowspan>先上后下 先左后右>删除个数

• 属性：

border边框，cellspecing边框间间距（2），cellpadding内容的外边距 （1）

 width宽度，height高度，align表格位置（left、center、right）

<table width="500px" border="1" align="center">
    <caption>标题</caption>
	<!-- 1行 -->
        <thead>
		<tr>
			<th>1</th>
			<th>2</th>
			<th>3</th>
		</tr>
        </thead>
	<!-- 2行 -->
        <tbody>
		<tr>
			<td>11</td>
			<td>22</td>
			<td>33</td>
		</tr>
        </tbody>
	</table>

九、表单

• input 控件(重点)：输入的意思 

<form action="" method="post">
	<input type="submit" value=""/>
</form>

属性： placeholde   属性值 ：由用户自定义   描述 ： 输入框的提示文字

radio  如果是一组，我们必须给他们命名相同的名字 name   这样就可以多个选其中的一个啦

•  label标签(理解): input 元素定义标注

作用：  用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点

<label>
	用户名：<input type="text" name="">
</label>
	
<label for="username">用户名：</label>
<input type="" name="" id="username">

• textarea 文本域 

<textarea cols="每行中的字符数" rows="显示的行数">
  文本内容
</textarea>

• 下拉菜单

使用select控件定义下拉菜单的基本语法格式如下     select 选择

<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>

注意：

1. <select></select>;中至少应包含一对<option></optio?。
2. 在option 中定义selected =" selected "时，当前项即为默认选中项。

• 在HTML中，form标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下：

<form action="url地址" method="提交方式" name="表单名称">
  各种表单控件
</form>

常用属性：

1. Action
   在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。
2. method
   用于设置表单数据的提交方式，其取值为get或post。
3. name
   用于指定表单的名称，以区分同一个页面中的多个表单。

注意：  每个表单都应该有自己表单域。