课程咨询:400-111-8989

  • 如何自学HTML5?想要学习HTML5需要掌握哪些知识?(二)

    发布:海酱集  来源:html5问吧  时间: 2018年08月10日

  • 在昨天的文章中小编为大家介绍了如何自学HTML5?想要学习HTML5需要掌握的知识第一部分,今天小编为大家带来的后面的内容。希望想要转行做HTML5开发人员的小伙伴能够继续来阅读本篇文章,希望文章中的小知识能够对你有所帮助。下面就来和小编一起看一看今天的内容吧。...

  • 在昨天的文章中小编为大家介绍了如何自学HTML5?想要学习HTML5需要掌握的知识第一部分,今天小编为大家带来的后面的内容。希望想要转行做HTML5开发人员的小伙伴能够继续来阅读本篇文章,希望文章中的小知识能够对你有所帮助。下面就来和小编一起看一看今天的内容吧。

    2、HTML——表格

    表格——表格,是指按所需的内容项目画成格子,分别填写文字或数字的书面材料,便于统计查看。在HTML里,表格的标签用<table>来定义,在整张表格中,我们有表头<thead>、(t是table的缩写,head英文翻译头部,这样解释出来就好理解了对吧。)表身<tbody>、表脚<tfoot>。表格里面有很多单元格,但是我们可以想象成把一个单元格拉长,它的高不变,宽均分2等分,那么我们就有2个单元格横向排列。

    如下表格:

    <tr>标签就代表一整行,该标签与table配合使用,在<tr>标签里面,还有一个标签<td>这个标签就是表格里的单元格,一行里面有两个单元格,就是在<tr>标签里面写两个<td>;

    还有一个标签<th>,该标签跟<td>的使用方法类似,就是含义不同,它表示一个表格中的表头。

    合并单元格的方法:

    td标签里有两个属性,分别是colspan和rowspan,及合并行单元格与合并列单元格,这两个的属性值表示合并单元格的个数,例:横向合并两个单元格,需要删除一对<td>;纵向合并两个单元格,同样删除一对<td>。

    仔细对比,会发现,合并横向单元格与纵向单元格的不同点,就是,横向单元格合并删除的<td>在同一对<tr>标签里,而纵向合并单元格删除的<td>在不同的<tr>中:(下图中被注释掉的就是被删除的)

    如何自学HTML5?

           如何自学HTML5?

    3、HTML——表单

    生活中我们会在很多时候用到表单,比如献血之前会让你填写表单,申请学校学生会职位也会让你填写基本信息,那就是表单。不过呢,这些都是纸质的,像注册一个QQ账号啥的就用到了电子版的表单。其实一个输入框,就能算作一个简单的表单。

    所以,什么是表单呢?比较官方的话就是:表单在网页中主要负责数据采集功能。

    <form>标签定义表单,<input>与之匹配使用。<input>是虚标签,没有</input>与之配对。表单里面的元素有很多,单行文本框、多行文本框、下拉列表框、单选框、复选框和按钮等等。<input>标签有一个type属性,它的值有“text”、“button”、“number”、“radio”等等。

    单行文本框:

    如何自学HTML5?

    按钮的显示:

    如何自学HTML5?

    复选框:

    如何自学HTML5?

    想要学习HTML5需要掌握哪些知识?(二)

    单选框:

    只能选中一项,(默认选择一项的话可以用checked属性,想要有这个效果可以自己去尝试)

    想要学习HTML5需要掌握哪些知识

    想要学习HTML5需要掌握哪些知识

    下拉框:

    想要学习HTML5需要掌握哪些知识

    想要学习HTML5需要掌握哪些知识

    以上就是小编今天跟大家分享的如何自学HTML5文章的第二部分,希望本篇文章中的关于HTML5的基础知识能够对你有所帮助,没有看过上一篇文章的小伙伴可以去达内HTML5培训官网查看。想要了解更多HTML5相关知识也要记得关注达内HTML5培训官网哦。

  • 上一篇:如何自学HTML5?想要学习HTML5需要掌握哪些知识?(一)

    下一篇:没有下一篇了

网站导航
2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56