XY笔记2

表格table

作用：显示数据

1. 创建表格/结构

<table border="2" cellspacing="0" cellpadding="40">
<tr>
		<td>
…
</td>
</tr>
<table/>

<!-- tr表行,th表头,td表列,caption表格标题,只存在table表格里 -->

一般情况下,以下三个参数数值都为0
border="" 边框
cellspacing="“单元格之间的距离
cellpadding=”"内容到边框的距离
2. 合并单元格

<!-- colspan跨列合并，rowspan跨行合并 -->

顺序:先上,先左

表格总结

1. 表格有行中单元格组成
2. 表格中没有列元素,列的个数取决于行的单元格个数
   表单标签
   现实运用:银行办理业务填写的表格,交互平台注册信息所填写的表格
   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书写样式

3. 外部样式表
   引用外部文件
   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 选择器以 “#” 来定义。