![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页制作
文章平均质量分 91
蔺WIT
探索地球的太空人
展开
-
Node.js 学习笔记一(控制台输出相关操作 console、readline)
在Node.js学习历程中随手记下来的一些基础练习与操作。。。文章目录1️⃣使用Node代码实现一个简单的服务器,2️⃣查看nodejs中的模块:3️⃣控制台日志信息输出:4️⃣输出错误与警告:5️⃣输出位置重定(生成error.log文件)6️⃣输出控制键操作7️⃣用readline模块模拟控制台读取用户输入8️⃣在控制台使用断言工具9️⃣在控制台输出表格1️⃣使用Node代码实现一个简单的服务器,通过Node命令运行该程序,然后在浏览器地址栏输入定义好的服务器地址 http://127.0.0.原创 2022-05-19 09:36:52 · 3579 阅读 · 0 评论 -
网页学习——创建HTML框架(frameset、frame、iframe)
框架标签是一种与网页布局密切相关的标签,通过使用框架,可以在同一个浏览器窗口显示多个页面。1、框架集标签 < frameset >1️⃣水平/垂直分割窗口属性rows、cols属性< frameset >元素中的cols、row属性,用于将页面划分。cols 属性定义框架集中的列数目和尺寸rows 属性定义框架集中的行数目和尺寸原创 2022-05-09 19:39:13 · 12408 阅读 · 1 评论 -
网页学习——JavaScript对象(自定义、客户端)
JavaScript是一门基于对象的脚本语言,它不仅可以自定义并创建对象,也能使用现有的对象。面向对象的编程语言都会具有封装性的特点,一般只需简单调用一下封装好的面向对象的函数 (代码块),就能实现相关功能,使用方便的同时,也减少代码量。1、构建自定义对象在网页中,我们可以直接在< script >标签中使用 function 构建函数来自定义对象,然后创建新的对象实例。原创 2022-05-03 23:58:19 · 766 阅读 · 0 评论 -
网页学习——JavaScript事件
JavaScript事件是指用户与浏览器中的Web页面进行交互时,触发了网页元素的JavaScript函数的行为,如点击。悬停、键盘输入或者页面加载等,主要是用来响应用户的操作,以创建可以交互的页面。在JavaScript中,一个事件的完成会经历四个阶段:触发阶段:对各个节点进行相关设置的初始阶段;捕获阶段:该阶段事件会沿着DOM树从最高的document节点向子节点传递,直到目标节点;处理阶段:浏览器查找到目标节点的事件监听器并且运行;冒泡阶段:该阶段事件沿着DOM树从目标节点向父节点传递.原创 2022-04-23 23:24:46 · 1933 阅读 · 2 评论 -
HTML网页入门D7——表格与表单(信息展示与信息采集)
HTML的表格与表单页面结构写在前面:表格和表单是两种特殊的页面结构。表格用来展示数据,表单用来输入和传递信息。两者在网页的信息展示与采集方面发挥着重要作用。原创 2022-02-02 23:34:14 · 2419 阅读 · 0 评论 -
HTML网页入门D6——透明度、定位position(实现元素的叠加)
HTML元素的定位、透明度元素的定位功能很强大,可以使元素相对于自身、父级元素、甚至浏览器出现在指定的位置上;还可以实现多个元素相互堆叠展示,并控制它们堆叠的顺序。原创 2022-01-31 12:45:43 · 1551 阅读 · 0 评论 -
HTML网页入门练习——淘宝抢购模块设计
抢购模块设计使用浮动属性进行抢购模块的设计。制作过程遵循从外到内,先整体后细节的顺序。先进行分析:抢购模块分为图片部分(img)和详情部分(info)。其中详情部分又分为标题(title)、补充信息(info-detail)、进度条(progress)、售出信息(sold)和价格(price)五个小部分。原创 2022-01-28 23:05:09 · 1337 阅读 · 0 评论 -
HTML网页入门练习——导航栏布局设计
导航栏布局首先进行页面需求分析,如图所示导航栏分为三部分,包括标志、导航、用户按钮。为了使结构看起来明显,我们使用色块表示,确保结构正确之后再往里面填充内容。具体步骤如下:原创 2022-01-28 15:44:45 · 28926 阅读 · 1 评论 -
HTML网页入门D5——浮动布局(实现网页的精准布局)
浮动布局——实现网页经典布局浮动布局是一种经典的网页布局方式,它可以代替inline-block,实现将多个块元素置于一行的效果。本文对浮动布局相关知识点进行细叙与总结。重点在于实现浮动布局以及清除浮动布局带来的高度塌陷等影响。原创 2022-01-25 09:47:12 · 5603 阅读 · 0 评论 -
网页入门D4——盒模型布局(DIV+CSS3页面布局)
盒模型布局——DIV+CSS3页面布局勤学勤练方能实现。为了呈现不同的视觉效果,网页布局往往千变万化。网页布局的基础就是盒模型。如果说网页是一座城堡,那么盒模型就是堆砌城堡的一块块积木。在网页布局的过程中,要遵循从大到小,从结构到细节的顺序。先搭好框架再往里面填充内容和细节。框架搭的好,城堡才稳固。原创 2022-01-20 16:33:42 · 4535 阅读 · 0 评论 -
网页入门D2-HTML语法与基础标签练习
HTML语法与基础标签 练习总结写在前面:利用所学的HTML的语法和常用的HTML元素。实现在网页上显示图片、显示不同类型的文本以及实现页面跳转。属性值描述classclassname规定元素的类名idid规定元素的唯一值stylestyle_definition规定元素的行内样式titletext规定元素的额外信息嵌套:把一个元素放入另一个元素中称为元素的嵌套,嵌套是构建HTML页面的方式。< br >标签用于换行常见原创 2022-01-15 23:37:31 · 449 阅读 · 0 评论 -
使用HBuilder制作一个简单的HTML5网页
使用HBuilder制作一个简单的HTML5网页写在前面:开始入门网页制作,写下第一篇博文作为记录。纯纯小白一个,如有阅览者,欢迎批评指正!❤先放上效果图:使用HBuilderX编辑器创建一个“基本HTML项目”:双击index.html打开页面,项目中已经默认生成了HTML5所需要的结构,代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>&原创 2022-01-15 00:16:20 · 32643 阅读 · 13 评论 -
网页入门D3——CSS语法和基础属性
如果说HTML页面是一座勉强可以遮风避雨的毛坯房。那么CSS就是一位优秀的装修设计师。 CSS样式可以解决页面的布局及样式的问题,极大的提升了网页的美观性与可读性。原创 2022-01-17 23:30:56 · 769 阅读 · 0 评论