DAY2 HTML27~53学习笔记及作业

DAY2 HTML27~53学习笔记及作业快捷键ctrl shift 同时按 放大页面ctrl shift ——同时按 放大页面shift tab同时按 左移ctrl shift delete 同时按 浏览器清理上网记录shift alt ↓ 快速向下复制ctrl / 单行快速注释一相对路径和绝对路径相对路径以当前位置作为参考点去建立路径。注意:1.相对路径中的./可以省略不写。2.相对路径依赖的是当前位置后期如果调整了文件位置那么文件中的路径也要修改。绝对路径以根位置作为参考点去建立路径。分为本地绝对路径和网络绝对路径注意1.使用本地绝对路径一旦更换设备路径处理起来比较麻烦所以很少使用。2.使用网络绝对路径虽然方便但是要注意如果服务器开启了防盗链会导致图片引入失败。二常见图片格式**三超链接**从当前页面进行跳转。标签名a 双标签 常用属性href要跳转的具体位置。target跳转时要如何打开页面常用值有_self:在本标签页中打开。_blank在新标签页中打开。1跳转页面注意代码中的多个空格多个回车都会被浏览器解析成一个空格。虽然a是行内元素但a元素可以包裹除它自身外的任何元素。2跳转文件3跳转锚点4唤起指定应用通过a标签可以唤起设备应用程序。超文本是一种组织信息的方式提供超链接将不同空间的文字、图片等各种信息组织在一起能从当前阅读的内容跳转到超链接所指向的内容。四列表有序列表把冰箱门打开把大象放进去把冰箱门关上无序列表我想去的几个城市成都上海西安武汉注意li标签最好写在ul和ol中不要单独使用。 **自定义列表** dl就是一个自定义列表一个dt就是一个术语名称一个dd就是术语描述。如何更好的学习做好笔记笔记是我们以后复习的一个抓手多加练习只有敲出来的代码才是自己的别怕出错错很正常的改正后并记住就是经验**五表格** 1.基本结构 表格 四个部分组成表格标题 表格脚注 2.tr每一行 th、td每一个单元格备注表格头部用th表格主体、表格脚注用td  3.具体编码表格头部 表格主体学生信息姓名性别年龄民族政治面貌张三男19汉群众李四女18汉团员4.常用属性   5.跨行跨列 rowspan指定要跨的行数 colspan指定要跨的列数 **六常用标签补充** 标签名 标签含义 单/双标签 br 换行 单 hr 分隔 单 pre 按原文显示一般用于在页面中嵌入大段代码 双 注意点: 1. 不要用来增加文本之间的行间隔应使用后面即将学到的 CSS margin 属性。 2.的语义是分隔如果不想要语义只是想画一条水平线那么应当使用 CSS 完成。 **七表单** **1基本结构** *form 表单双标签* 常用属性 3. action用于指定表单的提交地址需要与后端人员沟通后确定。 4. target用于控制表单提交后如何打开页面常用值如下 _self在本窗口打开。 _blank在新窗口打开。 5. method用于控制表单的提交方式。 *input 输入框单标签* 常用属性 6. type设置输入框的类型目前用到的值是 text表示普通文本。 7. name用于指定提交数据的名字需要与后端人员沟通后确定。 *button 按钮双标签 示例代码 html 去百度搜索 **2常用表单控件** ①文本输入框 常用属性如下 - name 属性数据的名称。 - value 属性输入框的默认输入值。 - maxlength 属性输入框最大可输入长度。 ②密码输入框 常用属性如下 - name 属性数据的名称。 - value 属性输入框的默认输入值一般不用无意义。 - maxlength 属性输入框最大可输入长度。 ③单选框 女 男 常用属性如下 - name 属性数据的名称*注意*想要单选效果多个 radio 的 name 属性值要保持一致。 - value 属性提交的数据值。 - checked 属性让该单选按钮默认选中。 ④复选框 抽烟 喝酒 烫头 常用属性如下 - name 属性数据的名称。 - value 属性提交的数据值。 - checked 属性让该复选框默认选中。 ⑤隐藏域 用户不可见的一个输入区域作用是提交表单的时候携带一些固定的数据。 - name 属性指定数据的名称。 - value 属性指定的是真正提交的数据。 ⑥提交按钮 点我提交表单 注意 8. button 标签 type 属性的默认值是 submit。 9. button 不要指定 name 属性。 10. input 标签编写的按钮使用 value 属性指定按钮文字。 ⑦重置按钮 点我重置 注意点 11. button 不要指定 name 属性。 12. input 标签编写的按钮使用 value 属性指定按钮文字。 ⑧普通按钮 普通按钮 注意点普通按钮的 type 值为 button若不写 type 值是 submit 会引起表单的提交。 ⑨文本域 我是文本域 常用属性如下 13. rows 属性指定默认显示的行数会影响文本域的高度。 14. cols 属性指定默认显示的列数会影响文本域的宽度。 15. 不能编写 type 属性其他属性与普通文本输入框一致。 ⑩下拉框 黑龙江 辽宁 吉林 广东 **常用属性及注意事项** 16. name 属性指定数据的名称。 17. option 标签设置 value 属性如果没有 value 属性提交的数据是 option 中间的文字如果设置了 value 属性提交的数据就是 value 的值建议设置 value 属性。 18. option 标签设置了 selected 属性表示默认选中。 3.禁用表单控件 表单控件的标签设置 disabled 既可禁用表单控件。 input、textarea、button、select、option 都可以设置 disabled 属性。 4.label标签 label 标签可与表单控件相关联关联之后点击文字与之对应的表单控件就会获取焦点。 两种与 label 关联方式如下 19. 让 label 标签的 for 属性的值等于表单控件的 id。 20. 把表单控件套在 label 标签的里面。八框架标签标签:iframe功能和语义框架在网页中嵌入其他文件属性name框架名字可以与 target 属性配合。width框架的宽。height框架的高度。frameborder是否显示边框值0或者1。单/双标签双iframe 标签的实际应用在网页中嵌入广告。与超链接或表单的 target 配合展示不同的内容。九HTML字符实体在HTML中我们可以用一种特殊的形式的内容来表示某个符号这种特殊形式的内容就是HTML实体。字符实体由三部分组成一个 和一个实体名称或者一个 # 和一个实体编号最后加上一个分号 ;作业