html5+css3 day2

作者: 主神12580 | 来源:发表于2020-03-14 22:52 被阅读0次
特别鸣谢黑马程序员pink老师!此教程视频在哔哩哔哩搜索黑马pink老师以下是我个人的学习笔记,有问题可以问我哦!

目标

。。。。

1.表格标签

主要用于显示、展示数据

table为表框架,tr为行,td为单位格

①表头单元格:常用第一行,突出重要性,表头单元格里面的文字会加粗居中显示。

②表格的属性

属性放在table标签中 示例 效果

③表格结构标签

1.<thead></thead>

用于定义表格的头部(框架)

2.<tbody></tbody>

用于定义表格的主体,主要用于放数据本体

以上标签放在table标签里面

④合并单元格

跨行合并:rowspan="合并单元格数"

跨列合并:colspan="合并单元格的个数"

跨行:最上侧单元格为目标单元格,写合并代码。跨列:在最左侧写合并代码

2.列表标签

㈠无序列表

①<ul>表示html页面中的无序列表,而列表项使用<li>标签定义

② <li>可嵌套任何标签

。。。。

㈡有序列表

①<ol>定义有序列表,<li>列表项

㈢自定义列表

。。。。。

3.表单标签

①表单组成一个完整的表单通常由表单域、表单控件、提示信息3部分构成

②表单域:<form>标签用于定义表单域,以实现用户信息的收集和传递。具体后期学

③表单元素:

⑴<input>标签

input的type属性及其值

radio和checkbox中的name要一致。

input的其他属性

⑵label标签

。。。。。。

⑶select标签

下拉框

留言板

4.养成经常查阅文档的习惯

相关文章

  • html5+css3 day2

    特别鸣谢黑马程序员pink老师!此教程视频在哔哩哔哩搜索黑马pink老师以下是我个人的学习笔记,有问题可以问我哦!...

  • html5+css3实现日食动画过程

    html5+css3实现日食动画过程 点击链接加入群【前端交流总群③】:543761540

  • 前端学习路线

    开发工具 HTML+CSS Javascript JQuery HTML5+CSS3 UI组件 AJAX&JSON...

  • HTML5+CSS3 loading 效果收集

    整理自:instantshift作者:神飞原文地址:HTML5+CSS3 loading 效果收集 用gif图片来...

  • 电子商务网站开发与建设

    概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...

  • 学习网站

    HTML5+CSS3视频教程:http://pan.baidu.com/s/1hsyOjze 密码:c3uwJ...

  • 前端学习资料收集

    我只是保存资料 并不学习 因为:懒 HTML5+CSS3视频教程:http://pan.baidu.com/s/...

  • html5+css3实现日食动画过程源码

    html5+css3实现日食动画过程源码,学习群:543761540 点击链接加入群【前端交流总群③】:https...

  • html5学习路线(粗略)

    ●HTML5+CSS3●常用浏览器兼容交互篇●JavaScript基础●DOM和BOM●动画特效●事件交互进阶篇●...

  • #自律挑战#日结Day2/100

    #自律挑战 日结Day2/100#2019.01.15 【饮食】戒糖day2,不吃零食不喝饮料day2,晚上6点后...

网友评论

    本文标题:html5+css3 day2

    本文链接:https://www.haomeiwen.com/subject/lwjoshtx.html