HTML基础知识整合2

meta标签

编码字符集

link标签

链接外部样式表文件:

icon图标:

表格行与列

--------------------行

-------------列(1个td对应1个单元格)

表格的标准结构

表头和单元格合并

表头

(本单元格横向合并两格)

(本单元格纵向合并两格)

表格标题(内容加粗居中)

首行的全部变为

内容垂直对齐方式(顶中底部对齐)

细线表格

   (单元格设为白色底)


表单文本输入框

表单的组成:提示信息+表单控件+表单域

用户名:


(换行)

密码:

单选框(name设置相同时才能实现单选):

             

             

表单下拉列表

 文本:

下拉列表内容分组:

         

表单多选框

选项一

选项二

选项三

多行文本框

文件上传控件

按钮

  (可以提交)

 (不能提交,配合js作效果)

 (图片按钮可实现提交功能)

 (将信息重置至默认)

表单分组

分组信息

表单控件补充

 网址控件

日期控件

时间控件

邮件控件

数字控件

滑块控件

标签语义化

好的语义化的网站标准就是去掉样式表文件之后,结构依旧清晰。

尽少使用无语义的标签div和span;

不要使用纯样式标签:b、font、u,改用css设置;

需要强调的文本可以包含在strong(加粗)或者em(斜体)标签中。

你可能感兴趣的:(HTML基础知识整合2)