htmlradio和文字对齐_HTML下半部分笔记分享（完结）

1/ 表格标签

用于显示展示数据。

   表头标签&＃xff0c;表示居中加粗单元内的文字单元内的文字

表格属性&＃xff1a;(不常用&＃xff0c;后面用css来设置)

align :对齐方式

border : 边框

cellpadding : 内容与边框的空白

cellspacing : 单元格之间的空白&＃xff0c; 默认像素为1

width &＃xff1a;表格的宽度

表格结构标签&＃xff1a;都放在

表示表格的头部区域&＃xff0c;内部必须有&＃xff0c;一般位于第一行

合并单元格&＃xff1a;

rowspan&＃61;“合并单元格个数”&＃xff1a;跨行合并,最上侧单位写合并代码

colspan&＃61;“合并单元格个数”&＃xff1a;跨列合并&＃xff0c;最左侧单位写合并代码

2/ 列表标签

表格标签是用来显示数据的&＃xff0c;列表是用来布局的。

列表分为&＃xff1a;无序列表、有序列表、自定义列表

• 无序列表&＃xff1a;(使用最多&＃xff0c; 最重要)

      列表项1

      列表项2

       ........

是并列的&＃xff0c;没有顺序之分.

• 只能嵌套
• .
• 中可以容纳所有元素

  

  • 有序列表&＃xff1a;(最少使用)

       

• 列表项1

      列表项2

       .......

1. 只能嵌套
2. .
3. 中可以容纳所有元素

   有序列表会有自己的样式属性&＃xff0c;实际使用时会使用css设置

   • 自定义列表&＃xff1a;(比无序列表使用少些)

         名词1

         名词1解释1

         名词1解释2

          .......

   和

   和

   个数没有限制

   经常一个

   对应多个

   

   3/ 表单标签

   目的&＃xff1a;收集用户信息

   构成&＃xff1a;表单域、表单控件(表单元素)、提示信息

   

   • 表单域

   表单域&＃xff1a;包含表单元素的区域。会把表单元素提交给服务器

   常用属性&＃xff1a;

   action : url地址&＃xff0c; 用于指定接收并处理表单数据的服务器程序的url地址

   method: get/post&＃xff0c;用于设置表单数据的提交方式

   name: 名称&＃xff0c;用于指定表单的名称&＃xff0c;以区分同一个页面中的多个表单域

   • 表单控件

         1.input输入表单元素 —type属性

         2.select下拉表单元素

         3.textarea 文本域元素

   标签,为单标签&＃xff0c;用于接收用户信息

   type属性&＃xff1a;

   button: 点击按钮

   checkbox: 复选框

   file: 输入字段&＃xff0c; 浏览按钮&＃xff0c;供文件上传

   hidden: 隐藏输入字段

   image: 图像

   password: 密码字段

   radio: 单选按钮

   reset: 重置按钮

   submit: 提交按钮&＃xff0c; 发送给服务器

   text: 可输入文本&＃xff0c;默认20个字符

   

   type其他属性&＃xff1a;

   name: 自定义&＃xff0c;定义input元素名称

   value: 自定义&＃xff0c;规定input的值

   checked: checked&＃xff0c; 加载时默认被选中

   maxlength: 正整数&＃xff0c;输入字段中的字符最大长度

   

   表单元素默认显示文字&＃xff1a;设置value&＃61;“默认文字”。

   如

   name都有自己属性&＃xff0c; 主要给后台人员使用

   要求单选和复选按钮必须要有相同name值

   如radio或者checkbox是一组&＃xff0c;必须给他们命名相同名字name

   如果单选或者复选按钮默认状态&＃xff0c;用checked&＃61;“checked”属性

   text默认用value

   maxlength一般很少使用

   标签&＃xff0c;为input元素定义标注标签&＃xff0c;绑定表单元素&＃xff0c;点击时光标会自动转到相对应表单上&＃xff0c;增加用户体验

   for&＃61;“sex”>男

   id&＃61;“sex”/>

   for的属性应当与id属性相同

   select表单元素

     选项1

     选项2

     选项3

   select至少包含一个option.默认状态 selected&＃61;"selected"

   textarea文本域元素

   多行文本控件&＃xff0c;输入更多文字&＃xff0c; 常见留言板&＃xff0c;评论等

   文本内容

   多行文本框输入文字&＃xff0c;实际开发用css定义

   cols每行中的字符数&＃xff0c;rows显示行数

   案例&＃xff1a;注册页面(有分享)

   4/ 查阅文档

   推荐网站&＃xff1a;

   百度

   W3c

   MDN