zoukankan      html  css  js  c++  java
  • web前端 day11练习题

    ### 1.分别列出常见的块级标签和内联标签
    * 块级标签
        * h1~h6 标题标签
        * p 段标签
        * ul 无序列表标签
        * ol 有序列表标签
        * dl 定义列表标签
        * li 列表项标签
        * dt 定义标题标签
        * dd 定义描述标签
        * table 表格标签
        * tr 表格行标签
        * form 表单标签
        * div 块标签
        
    * 内联标签
        * a 超链接标签
        * img 图片标签
        * td 表格列标签
        * em 斜体标签
        * i 斜体标签
        * strong 文本加粗标签
        * input 文本输入框 密码输入框 单选框 复选框 文件上传 提交按钮
        * label 
    
    
    ### 2. form表单提交数据的注意事项
    * action属性 提交的服务器地址
        * 为空表示提交到当前文档
    * method属性 请求方式
        * get 方式提交,会把提交的key和value值显示在url中,不安全,小数据可以使用get方式
        * post 方式提交,不会把提交的key和value值显示在url中,安全,可以提交大数据.
    
    
    ### 3. 默写本周见过的所有标签及作用
    * <!doctype html> 声明HTML5的文档
    * html标签 整个文档的根标签
    * head标签 头标签,不会展示到网页上
        * meta标签 网页的元信息标签,主要针对网页的配置
        * title标签 网页的标题
        * style标签 样式标签
        * link标签 链接css文件
        * script标签 脚本标签
    * body标签 网页体标签
        * h1~h6标题标签 数字越小,字体越大
        * a标签 超链接标签 anchor 锚点
            * href属性 跳转的地址
            * target属性 _self 在当前页面中打开地址 
                         _blank 在新的空白页面打开地址
            * title属性 鼠标悬浮式显示的标题
        * img标签 图片标签
            * src属性 链接的图片地址
            * alt属性 图片加载失败的时候显示的提示文本,为了用户体验
        * ul标签 无序列表标签 (unordered list) 有type属性
            * li标签 列表项 (list item) 无序列表的子标签
            * type属性 值为disc(实心圆点) 值为square(实心方点) 值为circle(空心圆点)
        * ol标签 有序列表标签 (ordered list) 有type属性
            * li标签 列表项 (list item) 有序列表的子标签
            * type属性 值分别可以为1(阿里伯数字,默认) a A i I
        * dl标签 定义标签 (definition list) 没有属性
            * dt标签 定义标题 (definition title) 
            * dd标签 定义描述 (definition description)
        * table标签 表格标签
            * tr标签 表格行标签 (table row)
            * td标签 表格列标签 (table description)
        * form标签 表单标签 用于与服务器的交互
            * action属性 提交的服务器地址
            * method属性 请求方式
        * input标签 type属性 类型 
                * text类型 单行文本输入框
                * password类型 密码输入框
                * radio 单选框 产生互斥效果,加同样的name属性值,默认选中checked
                * checkbox 多选框 默认选中checked
                * file 文件选择框
                * datetime-local 时间
                * reset 重置按钮
                * hidden 隐藏框
                * image 图片按钮
                * name属性:服务器端的key 
                * value属性:服务器端的value 
                * id:通常跟label中的for属性值一样
                * placeholder 占位符,代替的文本
        * select标签 name属性,给select标签添加multiple,摁着ctrl可实现多选
                * option子标签 value属性
        * textarea标签 多行文本输入框 name属性 rows行数row cols列数 column
        * button标签 普通按钮
        * div标签 division 分隔 块级
        * span标签
        * p标签 段落
        * em标签 斜体标签
        * i标签 斜体标签
        * strong标签 文本加粗
                 
            
  • 相关阅读:
    对QR码的初步研究(附:在博客里放上博客文章的QR码)
    EonerCMS——做一个仿桌面系统的CMS(十四)
    终于病了
    【HoorayOS】开源的Web桌面应用框架(第二版 v120311)
    【HoorayOS】开源的Web桌面应用框架——EonerCMS更名为HoorayOS
    一句代码实现 HTML5 语音搜索
    HTML5 拖拽上传图片实例
    【HoorayOS】开源的Web桌面应用框架
    【HoorayOS】开源的Web桌面应用框架(文件夹功能分析)
    从源码分析常见的基于Array的数据结构动态扩容机制
  • 原文地址:https://www.cnblogs.com/lilyxiaoyy/p/11151018.html
Copyright © 2011-2022 走看看