摘要:
案例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)