WEB前端学习day2-HTML

HTML基础知识

1.表格标签

表格的主要作用:表格不是用来布局页面的,而是用来展示数据的数据;
表格的基本语法:

表格,行,单元格 是表格首行元素,可加粗显示

表格的相关标签:

表格标签
: 每一行
:每一个单元格
:表头
表格标题
表头标签
主体标签
表格的属性
1.cellspacing:单元格与单元格之间的距离
2.cellpadding:单元格与内容之间的距离
3.align:对齐方式
4.border:边框
5.rowspan:跨行合并
6.collspan:跨列合并

2.表格结构标签

thead :头部标签
tbody:主体内容标签
tfoot:表格底部标签
可便于代码的查看

3.合并单元格

跨行合并单元格 rowspan
跨列合并单元格 colspan

   //数字代码合并的数目,合并后删掉多余的单元格

4.无序列表,有序列表

无序列表:ul>li 里面只能包含li 没有顺序 使用较多

  • 福鼎肉片
  • 四果汤
  • 香骨鸡腿

有序列表:ol>li 里面只能包含li 有顺序 使用相对较少

  1. 朱一龙9999999
  2. 王一博8888888
  3. 龚俊7777777

自定义列表:dl>dt+dd 里面只能包含dt与dd

关注我们
新浪微博
微信公众号
贴吧

要点是掌握什么使用用无序 什么时候用自定义列表
无序列表最常见,有序列表有顺序之分,自定义列表有一个总结性标题,然后下面的列表是属于它的。

5.表单标签

表单的目的是为了收集用户
文本框:
密码框:
单选按钮:
多选按钮:
表单控件的名字:name
默认选中项:checked=”checked”
最大长度:maxlength=“…”
默认显示的文字:value=”…”
要点提示namevalue是每个元素都要有的属性 主要是后台使用
name表单元素的名字 要求 单选按钮和复选按钮要有相同的name值


    
用户名:
密码:
性别:男人妖
爱好:吃饭睡觉 打豆豆

上传头像:

WEB前端学习day2-HTML_第1张图片
下拉列表:


        籍贯:
        
    
 

总结:

label:绑定input两种方式:


下拉列表:

文本域: