• 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标签 文本加粗
                 
            
  • 相关阅读:
    Cefsharp支持MP4和MP3的CEF库cef.redist.x86.3.2623,对应Cefsharp49
    解读设计模式
    模拟支付宝、淘宝登录2
    模拟支付宝、淘宝登录1
    上一篇随笔是2011-11-21 17:23,唏嘘啊。。。
    像素格式
    YUV格式详解
    认识RGB和YUV
    WPF性能优化经验总结
    【日期正则表达式】
  • 原文地址:https://www.cnblogs.com/lilyxiaoyy/p/11151018.html
Copyright © 2020-2023  润新知