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标签 文本加粗
             
        

 

posted on 2019-07-08 14:31  lilyxiaoyy  阅读(294)  评论(0编辑  收藏  举报

返回
顶部