HTML基础笔记

282 查看

table标签,网页上的表格
创建表格的四个元素:

table、tbody、tr、th、td

1、table:整个表格以<table>标记开始、</table>标记结束。

2、tbody:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。

3、tr:表格的一行,所以有几对tr 表格就有几行。

4、td:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

5、th:表格的头部的一个单元格,表格表头。

6、表格中列的个数,取决于一行中数据单元格的个数。

7、添加表格边框样式:table tr td,th{border:1px solid #000;}

8、<caption>用以描述表格内容,标题的显示位置:表格上方。</caption>
table标签,网页中的表格


超链接

<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">click here!(target="_blank"是在新建浏览器窗口打开)</a>

与浏览器交互,表单标签
①:使用表单标签,与用户交互:

<form   method="传送方式"   action="服务器文件">

1.form:form标签是成对出现的。

2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。

3.method : 数据传送的方式(get/post)。

<form method="post" action="save.php">
    <label for="username">用户名:</label>
    <input type="text" name="username" />
    <label for="pass">密码:</label>
    <input type="password" name="pass" />
    <input type="submit" name="submit" value="确定">
    <input type="reset" name="reset" value="重置">
</form>

②:文本域,支持多行文本输入:


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