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

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

二、表格标签

======

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中，标签用于定义表单域，以实现用户信息的收集和传递。

  常用属性：

  | 属性 | 属性值 | 作用 |

  | — | — | — |

  | action | url地址 | 指定接受并处理表单数据服务器程序的url地址 |

  | method | get/post | 设置表单数据的提交方式，取值为get/post |

  | name | 名称 | 指定表单的名称 |

  二、表单控件（重点）

  ---

  1.Input输入标签

  在英文单词中，Input为输入的意思，在表单元素标签用于收集用户信息。

  在input标签中，包含一个type属性，根据不同的type属性值，输入字段有多种样式。

  • 为单标签

  • type属性设置不同用来指定不同的控件类型

  

  type之外的属性： ​​​​​

  | 属性 | 说明 | 作用 |

  | — | — | — |

  | type | 表单类型 | 用来指定不同的控件类型 |

  | value | 表单值 | 表单里面默认显示的文本 |
  前端资料汇总

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

  我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

  首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

  更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。
  找工作无非就是看三点：和什么人、做什么事、给多少钱，要给这三者在自己的心里划分一个比例。
  最后，祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。