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标签 文本加粗
                 
            
  • 相关阅读:
    Mayan游戏 (codevs 1136)题解
    虫食算 (codevs 1064)题解
    靶形数独 (codevs 1174)题解
    黑白棋游戏 (codevs 2743)题解
    神经网络 (codevs 1088) 题解
    The Rotation Game (POJ 2286) 题解
    倒水问题 (codevs 1226) 题解
    银河英雄传说 (codevs 1540) 题解
    生日蛋糕 (codevs 1710) 题解
    第一章 1.11 高阶函数
  • 原文地址:https://www.cnblogs.com/lilyxiaoyy/p/11151018.html
Copyright © 2011-2022 走看看