上一页 1 2 3 4 5 6 7 ··· 31 下一页
摘要: 案例10_黑马旅游网分析: 案例_旅游网站分析和实现: <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <!-- 设编码 --> <meta http-equiv="X-UA-Compatible" content= 阅读全文
posted @ 2022-11-30 19:43 冰灵IT 阅读(75) 评论(0) 推荐(0)
摘要: Bootstrap_组件_导航条&分页条: 组件: 导航条: 导航条是在您的应用或网站中作为导航页头的响应式基础组件。 它们在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式。 <!doctype html> <html lang="zh-CN"> <h 阅读全文
posted @ 2022-11-29 19:11 冰灵IT 阅读(42) 评论(0) 推荐(0)
摘要: Bootstrap_全局CSs样式_按钮&图片: 全局css样式: 按钮: <a class="btn btn-default" href="#">Link</a> 图片: <!-- 图片 --> <img src="/HTML/img/bannert.jpg" class="img-respons 阅读全文
posted @ 2022-11-29 19:08 冰灵IT 阅读(20) 评论(0) 推荐(0)
摘要: Bootstrap_栅格系统_入门: 响应式布局: 同一套页面可以兼容不同分辨率的设备 实现:依赖于栅格系统:将一行平均分成12个格子,可以指定元素占几个格子 步骤: 1.定义容器,相当于html里的table 容器分类: container :两边留白 container-fluid:每一种设备占 阅读全文
posted @ 2022-11-28 19:29 冰灵IT 阅读(31) 评论(0) 推荐(0)
摘要: Bootstrap_概述: Bootstrap_概述 概念:一个前端开发的框架 框架:一个半成品软件,开发人员可以在框架基础上,在进行开发,简化编码 好处:定义了很多css样式和js插件,我们开发人员直接可以使用这些样式和插件得到丰富的页面效果 响应式布局:(根据页面的分辨率,自动调整布局大小) 同 阅读全文
posted @ 2022-11-28 19:03 冰灵IT 阅读(32) 评论(0) 推荐(0)
摘要: 案例5_表格全选: <html lang="en"> <head> <meta charset="UTF-8"> <title>表格全选</title> <style> table{ border: 1px solid; width: 500px; margin-left: 30%; } td,th 阅读全文
posted @ 2022-11-27 19:25 冰灵IT 阅读(12) 评论(0) 推荐(0)
摘要: 事件概述: 概念:某些组件被执行了某些操作后,触发某些代码的执行 事件:某些操作,如:单击 双击 键盘按下了 ,鼠标移动了 事件源:组件,如:按钮 文本输入框... 监听器:代码 注册监听:将事件,事件源,监听器结合在一起,当事件源上发送某个事件,则触发执行某个监听器代码。 常见事件: 点击事件 o 阅读全文
posted @ 2022-11-27 19:17 冰灵IT 阅读(130) 评论(0) 推荐(0)
摘要: HTMLDOM_innerHTML: 标签体的设置和获取:innerHTML innerHTML 属性可用于获取或替换 HTML 元素的内容。 innerHTML 属性可用于获取或改变任何 HTML 元素,包括 <html> 和 <body>。 代码实现: <head> <meta charset= 阅读全文
posted @ 2022-11-25 20:06 冰灵IT 阅读(30) 评论(0) 推荐(0)
摘要: 案例4_动态表格添加: 分析: 1,添加 (1).给添加按钮绑定事件 (2).获取文本框内容 (3).创建td设置td的文本框的内容 (4).创建tr (5).将td添加到tr中 (6).获取table,将tr添加到table中 代码实现: <head> <meta charset="UTF-8"> 阅读全文
posted @ 2022-11-25 19:50 冰灵IT 阅读(35) 评论(0) 推荐(0)
摘要: DOM_Document对象_创建DOM对象: 1.创建其他DoM对象: createAttribute(name) createComment() createElement() createTextNode() 代码实现: <!DOCTYPE html> <html> <head> <meta 阅读全文
posted @ 2022-11-24 17:56 冰灵IT 阅读(42) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 ··· 31 下一页