零基础必看的Html5+Css3+移动端前端教程(三)

4.合并单元格

三、列表标签

1.无序列表（重点）

2.有序列表

3.自定义列表

四、表单标签

一、表单域

二、表单控件（重点）

1.Input输入标签

2.lab标签

3.select下拉标签

4.textarea文本域标签

5.案例

一、前言

=====

对于教程二，主要学习了文字标签、图像标签和链接标签的使用，教程三主要针对表格、列表、表单标签的使用方法。

二、表格标签

======

1.主体表格

单元格内的文字

2.表头表格

表头表格就是上面表格中的第一行，它和下面几行主要区别就是有加粗和居中显示。

3.表格标签的属性

cellpadding:文字距离左侧表格线的距离

cellspacing：表格两条线中的距离

4.合并单元格

就像excel中一样，html也有合并单元格这个功能，只不过需要特定的代码。

将上面的表格按照1~9编号，以跨列合并为例，colspan="2"表示合并2个单元格，起始位置就是第二列，其中第三列被合并了，所以就不需要了，删除。

上面图中具体代码实现为：

1 2 4 5 6 8 9

三、列表标签

======

1.无序列表（重点）

• 标签表示HTML中的无序列表，一般会以项目符号作为列表项
• .

• 列表项1
• 列表项2
• 列表项3

• …

  • 无序列表中列表项并列

  • 中只能嵌套
  • ，在
    标签中输入其他标签或者文字的做法不正确。
  • 与
  • 之间相当于一个容器，可以容纳所有元素。

  特点可以简单理解成

  • 只有
  • 这一个儿子，假如p标签也行冒充儿子，那不行。对于
  • 这个儿子来讲，他也会有儿子而且不限量，所以
    • 有一个儿子，无限个孙子。

  2.有序列表
• 列表项一
• 列表二
• 列表三
• 1. 1. 标签中的type属性值为排序序列号，不添加type属性时，有序列表默认从1开始排序。

  2. 常用的type属性值分别为是1，a，A，i，I

  3. 1. 中的reversed属性能够让有序列表中的序列倒序排列。
  4. 3. 中的start属性值为3，有序列表中的第一个序列号将从3开始排列。

  3.自定义列表

  名词1
  名词1解释1
  名词1解释2

  …

  名词2
  名词2解释1
  名词2解释2

  …

  自定义列表就是

  创建的一个名词，剩下的

  用来描述和它相关的内容，具体关系如下图：

  

  代码段：
• 甄嬛
• 宜秀
• 年世兰
• 甄嬛
• 苹果
• 西瓜

• 雍正
  甄嬛
  宜秀
  年世兰

  四、表单标签

  ======

  表单标签对于信息收集有着重要的作用，分为表单域、表单控件和提示信息三个部分，下图为常见用户注册收集信

  真题解析、进阶学习笔记、最新讲解视频、实战项目源码、学习路线大纲
  详情关注公中号【编程进阶路】

  息的表单域。

  

  一、表单域

  ---

  表单域是一个包含完整表单元素的区域。

  各种元素控件

  在HTML中，标签用于定义表单域，以实现用户信息的收集和传递。

  常用属性：

  | 属性 | 属性值 | 作用 |

  总结

  面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

  还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

  万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

  前端面试题汇总

  

  JavaScript

  

  前端资料汇总