表格table
作用:显示数据
- 创建表格/结构
<table border="2" cellspacing="0" cellpadding="40">
<tr>
<td>
…
</td>
</tr>
<table/>
<!-- tr表行,th表头,td表列,caption表格标题,只存在table表格里 -->
一般情况下,以下三个参数数值都为0
border="" 边框
cellspacing="“单元格之间的距离
cellpadding=”"内容到边框的距离
2. 合并单元格
<!-- colspan跨列合并,rowspan跨行合并 -->
顺序:先上,先左
表格总结
- 表格有行中单元格组成
- 表格中没有列元素,列的个数取决于行的单元格个数
表单标签
现实运用:银行办理业务填写的表格,交互平台注册信息所填写的表格
Input控件
1.单选框
例:
<form>
…<input type="radio" name=" " value=" ">
</form>
2.复选框
例:
<form>
<input type="checkbox" name=" " value=" ">
</form>
3.提交按钮/重置按钮
例:
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
<input type="reset" value="reset">
</form>
Action:当信息收集完后,将信息发送至服务器.
查阅文档
W3c(国内): HTML 系列教程 (w3school.com.cn)
MDN(国外): MDN 网络文档 (mozilla.org)
CSS
• CSS 指层叠样式表 (Cascading Style Sheets)
• 样式定义如何显示 HTML 元素
• 样式通常存储在样式表中
• 外部样式表可以极大提高工作效率
• 外部样式表通常存储在 CSS 文件中
• 多个样式定义可层叠为一个
CSS引入方式
1.写在head中,内部样式表
<style type="text/css">
</style>
2.行内样式表
在body中引入style书写样式
- 外部样式表
引用外部文件
CSS样式规则
1.CSS注释以 /* 开始, 以 */ 结束
注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。
CSS选择器
在HTML元素中设置CSS样式,需要在元素中设置"id" 和 "class"选择器。
class 选择器
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。