HTML Basic III-Assignment

• 有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？ 如何嵌套？

详情请见teren的技术博客：玩转列表——360度全解析

---

• 如何去除列表前面的点或者数字？

在ol或是li的CSS属性上使用list-style-type:none;

  
  
  



  
sdfsdfds
  

---

• class 和 id 有什么区别？什么时候用 class 什么时候用 id？

详情请见teren的技术博客：来找茬——class和id两位孪生兄弟

---

• 块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？

详情请见teren的技术博客：管窥——块级元素与行内元素

---

• display: block、display: inline、display: inline-block分别有什么作用?

详情请见teren的技术博客：display属性的知识点+实例解读

---

• 下面代码是做什么的？抄写一遍下面的代码，注意class和id的使用及命名方式

• 代码通过div的id属性对页面进行宏观布局，将整个页面划分为头部、内容和页脚
• 通过div的class属性对标识为wrap的元素设定CSS样式
• 整段代码基本上规定页面的基本框架

---

• 如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节

详情请见teren的技术博客：web语义化的初步探索

---

• form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
  form标签用于为用户输入的form-date创建html表单并向web服务器传输数据
• 常见input标签的属性代码见:form代码

• 上图显示from表单中input的常用属性：
  • type="text"规定输入文本信息
  • type="password"规定输入密码
  • type="radio"规定单选框样式
  • type="checkbox"规定复选框
  • type="button"规定按钮
  • type="submit"规定提交命令
  • selecl标签规定下拉菜单
  • textarea规定文本域
  • fieldset规定表单的外框

---

• post 和 get 方式的区别？
  post和get是在客户端和服务器之间进行请求-响应时最常使用的方法
  • get方法的解析
    • 查询或提交字符串（名称/值对）是在url中发送的，长度有限制
    • 请求可能被缓存、保留在cookie中及收藏为书签
    • 请求不应处理敏感数据

/test/demo_form.asp?name1=value1&name2=value2

• post方法的解析
  • 查询或提交字符串（名称/值对）是在请求的http消息主体中发送的，长度没有限制
  • post请求不会缓存、不保留在cookie中及不会收藏为书签
  • 适用于处理敏感数据

  POST/test/demo_form.asp HTTP/1.1
  Host: w3schools.com
  name1=value1&name2=value2

---

• 在input里，name 有什么作用？
  name属性规定input元素的名称，常用于对提交到服务器后的表单数据进行标识或在客户端通过Javascript引用表单数据，注意只有设置了name属性的表单元素才能在提交表单时传递数据
  【补】注意input标签中name与value的区别
  value属性为input元素设定值
  对于不同的输入类型，value属性的功能不同：

  • type="text"和"password"的value属性会显示初始值
    【tip】注意value和placeholder的区别

    
    
    

  • type="radio"和"checkbox"的value属性定义与输入相关联的值

  • type="button"、"reset"和"submit"的value属性定义按钮的名称

---

• 提交、提交、三者有什么区别？
  • button标签规定可以嵌入不同样式的按钮风格，但不添加js将不具备实际功能
  • a标签定义的提交本质上是一个进入特定url的超链接
  • input元素的submit类型按钮规定具备实际提交功能的按钮，但是其风格固定且不能嵌入图片等素材

---

• radio 如何 分组?
  在单选框中，通常将同一组的name属性赋予相同值即可实现分组，具体演示效果如下：

---

• placeholder 属性有什么作用?
  placeholder 属性提供可描述输入字段预期值的提示信息（hint）。
  该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
  注释：placeholder 属性适用于以下的 类型：text, search, url, telephone, email 以及 password。

---

• type=hidden隐藏域有什么作用? 举例说明
  隐藏域在页面中对于用户是不可见的，而在表单中插入隐藏域的目的在于发送或收集信息以便被处理表单的程序所使用

---

代码作业

---

参考资料：

• HTML
  标签
• HTTP 方法：GET 对比 POST
• HTML 标签的 value 属性
• HTML 标签的 name 属性
• html中隐藏域hidden的作用介绍及使用示例