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标签 文本加粗
版权声明：本文为lilyxiaoyy原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。