HTML基础4

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

  • 如何使用:

          
    //有序列表通常定义有编号或顺序的列表,用于执行步骤的语义
  1. 输入用户名
  2. 输入密码
  3. 进入登录界面
//常用于
    //无序列表只是纯粹的表示一些相关项的列表,顺序并不重要,常用于网站导航栏
  • iPad
    • iPad mini
    • iPad2
    • iPad3
  • iPhone
  • MacBook Air
//自定义列表通常用来概述多个项目的描述
家电
洗衣机
电视机
家具
茶几
橱柜
  • 如何去除列表前面的点或者数字?
  • 给列表添加 list-style: none;样式可以去除
  • class 和 id 有什么区别?什么时候用 class 什么时候用 id?
  • id是一个唯一的标识符,class是可重复的我们可以给多个标签增加同一个class名称。id的优先级大于class
  • 当HTML中只出现一次的标签可以用id,比如页眉、页脚、侧边栏,当页面中很多元素都需要用同一个样式时则使用class。
  • 块级元素、行内元素是什么?有什么区别?分别对应哪些常用标签?
  • 块级元素占据其父元素(容器)的整个空间,默认情况下,块级元素会新起一行。高度,行高以及顶和底边距都可控制;宽度缺省是它的容器的100%,除非设定一个宽度。
  • 行内元素只占据它对应标签的边框所包含的空间,默认情况下,行内元素不会以新行开始,相邻的行内元素在同一行上紧邻显示,而块级元素会新起一行。高,行高及顶和底边距不可改变;宽度就是它的文字或图片的宽度,不可改变。
  • 块元素


    HTML基础4_第1张图片
    块元素
  • 行内元素
    b, big, i, small, tt
    abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
    a, bdo, br, img, map, object, q, script, span, sub, sup
    button, input, label, select, textarea
  • display: block、display: inline、display: inline-block分别有什么作用?
  • display:inline; 该元素生成一个或多个行内元素盒。
    使元素具有行内元素的特性。
  • display:block; 该元素生成一个块元素盒。
    使元素具有块元素的特性。
  • display:inline-block; 该元素生成一个块状盒,该块状盒随着周围内容流动,如同它是一个单独的行内盒子(表现更像是一个被替换的元素)
    使元素具有块元素的特性,又同时使元素能跟随周围内容显示具有行内元素的特性。(应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性)
  • 下面代码是做什么的?抄写一遍下面的代码,注意class和id的使用及命名方式
  • 下面代码中使用三个id给页面分为header、content、footer三块,header、content中用class命名每块需要的内容,然后用class类.wrap加上样式使得不同区域块里的内容使用同一个样式得到固定宽度并水平居中。
  • 可以从下列代码中看出id通常命名单独的一个块区域,如:header、content、footer、logo。而class用来定义需要同一样式的多个元素。



  
  


  
  
侧边栏
中心区块
  • 如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节
  • web语义化是在设计页面时通过采用语义恰当的标签去构建网页,从而使网页更好让计算机、开发者和用户理解,这导致的结果是页面在去除CSS样式后仍然具有良好的可读性、后期的维护性以及搜索引擎的优化性等。
  • 增加用户体验
  • 提高开发效率
  • 搜索引擎优化
  • 在平时写代码的过程中要注意哪些细节

  • 严格要求自己精准使用语义化标签

  • 多思考能够使用语义化标签的地方尽可能采用语义化标签

  • 不要嫌麻烦,只要你的网页是需要团队开发以及后期维 护

  • 良好的格式化代码习惯

  • 精简的写码风格

  • 标识符要具有可读性

  • form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

  • 元素表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。

用户可以在文本域写入文本。
      用户可以在密码域中写入密码。

用户可以选中或取消选取复选框。
      用户可以选中或取消选取单选框。
  创建一个提交按钮
创建按钮,你可以对按钮上的文字进行自定义。
创建简单的下拉列表框。