阿平学习HTML&CSS的第二次笔记吖

11.table标签，认识表格
创建表格的四个元素：

table、tbody、tr、th、td（table在开头和结尾；
<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行

<td>…</td>：

表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。<th>…</th>：表格的头部的一个单元格，表格表头。）
12.用 css 样式代码，为th，td单元格添加粗细为一个像素的黑色边框。

<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>

12.为表格添加标题和摘要：摘要不在浏览器中显示，作用是使搜索引擎更好读懂表格内容

标题位于表格上方

<table>
    <caption>标题文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>

13.使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。

语法：

<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

例如：

<a  href="http://www.imooc.com"  title="点击进入慕课网">click here!</a>

click here!
上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。
14.在新的浏览器窗口中打开连接的网页：

<a href="目标网址" target="_blank">click here!</a>

15.<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。
16.当用户需要在表单中输入大段文字时，需要用到文本输入域。

语法：

<textarea  rows="行数" cols="列数">文本</textarea>

<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。

cols ：多行输入域的列数。

rows ：多行输入域的行数。

在<textarea></textarea>标签之间可以输入默认值。

举例：

<form  method="post" action="save.php">
        <label>联系我们</label>
        <textarea cols="50" rows="10" >在这里输入内容...</textarea>
</form>

17.在使用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。请看下面的例子:

语法：

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

1、type:

当 type=“radio” 时，控件为单选框

当 type=“checkbox” 时，控件为复选框

2、value：提交数据到服务器的值（后台程序PHP使用）

3、name：为控件命名，以备后台程序 ASP、PHP 使用

4、checked：当设置 checked=“checked” 时，该选项被默认选中