2020-10-15 人际 表格+表单课堂笔记

人机交互笔记

无序列表<ul>    列表项<li>

 

有序列表<ol>  列表项<li>

 

(li>img)*10 加上TAB键  标签复制

 

  行tr      单元格td     表头th (加粗作用）    标题 caption

【横向合并单元格】colspan   【众向合并单元格】rowspan   都写在Tr标签中   <tdcolspan =“1”

 

(Table>td>tr)*2*3  两行三列

• 边框 border  边框颜色bordercolor  #rgb的值可以设置    宽width    height高
• 间距 cellspacing  
• cellpadding内容到边框的距离
• 水平对齐 align  垂直对齐valign 背景颜色 bgcolor  背景图像 background

【表单】 是一个区域，采集用户信息

<form action="数据处理网页” name="名称" method="数据传递方式”>

  表单元素</form>  method有两种用法  get：传送的字段小，安全性低   post:传送的字段大，安全性高

表单的应用

<input type ="表单类型"/>

eg:<form>
           <input type ="text" name="user"/>
   </form>

文本框——text
密码框——password
提交按钮——submit
重置按钮——reset
单选框—— radio

分组问题 ：通过name属性来实现，将当前的单选框归为一类统一
复选框——checkbox  
check=checked（默认勾选）
不做任何操作——buttom

文本域——textarea  cols行数  rows 列数

下拉列表框：select   下拉选项：option

【使用select=selected】表示该选项表示默认选项

value：提交数据到服务器的值（给ASP,HPH使用）

                                                      

CSS（Cascading Style Sheets）--层叠样式表

HTML 网页的内容  CSS内容的样式

配置方法有三大类（84-86）

<p style=" "> <p标签有很多属性都不能添加，所以加上一个style>  多个标签用分号隔开

 

内嵌：

 

外联样式
重新创建一个css文件 保存到相应的站点中

 标签优先级的问题
行内样式>内嵌样式>外联样式>浏览器默认样式