HTML4

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

  1. 有序列表
    有顺序的列表,适用于有排列顺序的列表,如
  1. 1.张开眼睛
  2. 2.抬起身子
  3. 3.穿衣服
  1. 无序列表
    没有顺序的列表,也是最常使用的列表,如
  • 包子
  • 饺子
  • 面条
  1. 自定义列表
    自定义列表不仅仅是一列项目,也是项目及其注释的组合,如
包子
蒸着吃
饺子
煮着吃

具体选用那种列表就要根据自己的需要来决定,顺序列表在展示一些不能次序错乱的选项时是一个最佳的选择,无序列表则更适合表达一些并列的关系,自定义列表则更简单语义化。
列表也可以嵌套使用,以达到更好的展示效果,如

    
必须干的事情
  1. 1.起床
  2. 2.吃饭
  3. 3.睡觉
选择要干的事情
  • 学习
  • 运动
  • 娱乐

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

使用list-style:none;可以去除。

class 和 id 有什么区别?什么时候用 class 什么时候用 id?

  • class和id的区别?
    class代表的是类,具有普遍性,可以被多次引用,可以应用到任何结构和内容上。class在页面布局上先定义好一类样式,然后根据页面需要把类样式应用到不用的元素和内容上。
    id具有唯一标识性,一般只在一个页面上使用一次,也可以重复定义,但是会被W3C认为不符合标准。id用于区分不同的内容和结构。id在页面布局上先确定结构和内容,再为它定义样式。
  • 什么时候用 class 什么时候用 id?
    由于id的唯一性,一般用于定义单一的元素,或者需要程序JS控制的东西。class由于可以多次引用,一般在结构内部使用,用于定义重复使用的元素类别。

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

  • 块级元素、行内元素是什么?
    块级元素类似一个段落,是其他元素的容器。行内元素也叫内联元素或内嵌元素,只能容于文本内容或者其他行内元素。
  • 有什么区别?
    1.块级元素会单独占据一整行,行内元素则只占用自身的内容宽度,可以并列显示。
    2.块级元素可以手动设置宽高。行内元素设置宽高是无效的,设置padding margin等在垂直方向不占空间,左右padding margin是有效的,我们可以根据line-height的特性为行内元素设置高度。
    HTML4_第1张图片
    行内元素.png
  • 分别对应哪些常用标签?
    块级元素:

      • ~


        行内元素:

        display: blockdisplay: inlinedisplay: inline-block分别有什么作用?

        display:block:将元素设置为块级元素
        display:inline:将元素设置为行内元素
        display:inline-block:将对象呈递为内联元素,但是对象的内容作为块对象呈递。也就是说可以使元素在一行内呈现,并且可以设置宽高。

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

        
        
        
          
          
        
        
          
          
        侧边栏
        中心区块

        把页面分成了头部,内容,底部三个部分,内容也分为了侧边栏和中心块区两部分。根据了区域的唯一性由id命名。在内部结构中,又因为样式相同并且要注意语义化,命名风格保持统一,用class设置了wrap类,设置了统一的宽度和边距。

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

        语义化是根据情况选择正确的标签,命名有含义并且保持统一的风格,便于阅读和维护

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

        form表单用于把用户数据提交到后台。
        用于输入文本
        文本域,用于文本框输入
        密码域,用于输入密码,内部文本以*显示
        单选框
        复选框
        隐藏域,用于暂存数据,安全校验
        提交表单数据

        post 和 get 方式的区别?

        1. 数据提交方式不同,get会把提交的数据组织成url可以看到,post则在后台运行看不到。
        2. get一般用于提交少量数据并获得大量数据,post一般提交大量数据得到少量信息。
        3. get最多提交1k数据,post理论上不会有限制,受服务器限制。
        4. get提交的数据会存在历史记录当中,安全性不好

        在input里,name 有什么作用?

        name是表单提交时的名称,在提交时,后台会给对应的变量输入数据,必须有那么属性。

        • 在单选框中需要设定像同的name以保证是同一个单选框:
        • 在复选框中也可以把name设置成一个数组:
        运动
        

        提交三者有什么区别?

        :普通按钮需要绑定JS事件
        提交:链接,点击后会跳转到页面,但是不会提交数据
        :用于提交表单数据

        radio如何分组?

        用设置name来分组,如果name相同则为同一组,如果name不同则为不同组。

        placeholder 属性有什么作用?

        用于设置提示信息

        placeholder.png

        type=hidden隐藏域有什么作用? 举例说明

        type=hidden用于暂存数据,安全校验

        账号:
        密码:
        HTML4_第2张图片
        hidden展示.png

        HTML4_第3张图片
        hidden.png

        在后台会看到check的数据,以此校验安全性。

        代码

        github地址
        在线预览

        你可能感兴趣的:(HTML4)