继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

HTML基础笔记

MRDaemon
关注TA
已关注
手记 2
粉丝 51
获赞 1184

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="列数">文本
打开App,阅读手记
117人推荐
发表评论
随时随地看视频慕课网APP

热门评论

form表单里的label有问题吧?label for对应的应该是id的名字,至于name,那是给后台辨识的。所以如果用label for,要配合id.

target,注解里有一个代码填写错误,请楼主修改一下。

厉害,高手!

查看全部评论