html-02

超链接标签
<a></a>

超链接可以是字符串，图片。点击内容时可跳转到新的文档或者当前文档的某个部分。把鼠标指针到某个链接时，箭头会变为小手。
在标签中使用href属性来设置链接的地址。
使用target属性，你可以定义被链接的文档在何处显示
常用值有：

• 在新窗口打开 target="_blank"
• 在当前窗口打开 target="_self"

base标签，可控制全部a链接的跳转方式，需要写在head里

<base target="_blank">

锚点链接
它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时，标记锚点是最佳的方法。
首先要创建锚点名,并制定好位置。
id="锚点名"
<p id="锚点名">段落</p>
之后引用锚点跳转到相应位置
<a href="url#锚点名">链接名字</a>

表格标签
1.表格由单元格组成的，单元格有次序的排列着，他们有许多行和列。
2.表格的用途：
用于布局（过时）
用于显示批量的数据，报表等。
3.表格的特性：
未固定宽度的空单元默认平分表格宽度
有内容的的未固定宽度的单元格由内容撑开

常用表格标签
<table>标签定义HTML表格。
表格由一个或多个tr，td或th标签组成。
tr定义表格的行，th定义表头，td定义表格单元格
更复杂的表格可能还包括caption，col，colgroup，thead，tfood以及tbody元素。

1:表格  大盒子  <table></table>
2:标题 : <caption>表格标题</caption> 
3：头部:   <thead>字段
         		  <tr>  一行  table row行
             	  <th>月</th>
            	  <th>日</th>
            	  <th>支出</th>
           			</tr>
      		</thead>  table head :
4：身体 :  <tbody>放每条数据
    
            <tr>
                <td>12</td>
                <td>23</td>
                <td>2300.00元</td>
            </tr>
            <tr>
                <td>12</td>
                <td>23</td>
                <td>2300.00元</td>
            </tr>
             <tr>
                <td>12</td>
                <td>23</td>
                <td>2300.00元</td>
            </tr>


      </tbody> table body

表格合并
跨行合并 rowspan
跨列合并 colspan

label标签

label 标签为 input 元素定义标注（标签）。

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

如何绑定元素呢？

<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male">

表单域

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

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

常用属性：

Action
在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。
method
用于设置表单数据的提交方式，其取值为get或post。
name
用于指定表单的名称，以区分同一个页面中的多个表单。
readonly
规定输入字段为只读
disabled
规定输入字段是禁用
maxlength
规定输入字段的长度
size
规定下拉列表中可见选项的数目

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

input标签
表单元素指的是不同类型的input元素，复选框，单选按钮，提交按钮等

文本框

<input type="text" name="username">

密码输入

<input type="password" >

单选框

<input type="radio" >

复选框

<input type="checkbox" >

普通按钮

<input type="button" >

提交按钮

<input type="submit" >

重置按钮

<input type="reset" >

文件上传按钮

<input type="file" >

select标签
定义下拉列表

<select name="cars">
<option>html</option>
<option>html</option>
<option>html</option>
<select>

文本域

<textarea>请输入<textarea>