编程笔记：网页编程代码
关注
分享
扫一扫
文章平均质量分 64
《编程笔记：网页编程》配套代码。供学习网页编程时参考。一共有40个示例，都是独立网页。外加补充的两篇关于如何调试的文章。看潮计划课程。
明月看潮生
教师，程序员。《青少年编程与数学》是一套精心设计的超级课程，按照课程策略完成学习，结合成长管理方法，更快更高地实现专业能力，以达到最佳的综合成长效果。
展开
-
如何在VSCode中调试JavaScript代码（补充）
如何在使用Edge浏览器的情况下，在VSCode中调试JavaScript代码。字段应设置为你的网页所在的URL，字段指向你的项目根目录。原创 2024-03-22 08:27:47 · 1115 阅读 · 0 评论 -
如何在WebStorm中调试JavaScript代码（补充）
如何在使用Edge浏览器的情况下，在WebStorm中调试JavaScript代码。原创 2024-03-22 08:16:17 · 1197 阅读 · 0 评论 -
html5&css&js代码 040 不透明度 (完结篇）
在HTML中，不透明度（Opacity）是指元素的透明程度。不透明度可以通过CSS的opacity属性来设置，其值的范围从0到1，其中0表示完全透明，1表示完全不透明。原创 2024-03-22 07:52:01 · 651 阅读 · 0 评论 -
html5&css&js代码 039 元素尺寸
使用CSS来定义HTML元素的尺寸，并通过不同的计量单位来设置元素的大小。原创 2024-03-22 07:44:31 · 475 阅读 · 0 评论 -
html5&css&js代码 038 列表
这个示例网页展示了如何在HTML中创建和使用不同类型的列表元素，并用中文展示了列表的内容。原创 2024-03-22 07:38:14 · 652 阅读 · 0 评论 -
html5&css&js代码 037 多列显示
在HTML中，要实现多列显示，通常会使用CSS的`column`属性。这个属性允许你将内容自动分割成多个列，类似于报纸的排版。原创 2024-03-21 19:54:05 · 601 阅读 · 0 评论 -
html5&css&js代码 036 CSS默认值
CSS默认值（也称为浏览器默认样式）是指当HTML元素没有应用任何外部CSS样式时，浏览器自动为这些元素赋予的一组基本样式。这些样式是由浏览器的默认样式表（User Agent stylesheet）定义的，不同的浏览器可能会有细微的差异，但大多数浏览器在样式上保持了较高的一致性。原创 2024-03-21 19:46:04 · 528 阅读 · 0 评论 -
html5&css&js代码 035 课程表
一个具有亮蓝色背景的网页，其中包含一个样式化的表格用于展示一周课程安排。表格设计了交替行颜色、鼠标悬停效果以及亮色表头，并对单元格设置了内边距和边框样式。原创 2024-03-21 19:37:10 · 978 阅读 · 0 评论 -
html5&css&js代码 034 自定义字体
这是一个带有自定义字体的网页，设置了页面背景颜色、文字颜色以及全局样式。它定义了三种自定义字体并通过@font-face规则引入外部字体文件，并通过CSS类（.f1, .f2, .f3）将这些自定义字体应用于h1元素上。同时，对body和div元素进行了基本的样式设置，如颜色、边距、宽度等。原创 2024-03-21 10:26:12 · 1269 阅读 · 0 评论 -
html5&css&js代码 033 SVG元素示例
一个SVG图形，该图形由一个椭圆、一个圆形和一个矩形组成。原创 2024-03-21 10:10:25 · 584 阅读 · 0 评论 -
html5&css&js代码 032 边框属性示例
该HTML文件定义了一个网页页面，主要介绍了HTML5中CSS边框属性的用法。原创 2024-03-21 09:55:35 · 391 阅读 · 0 评论 -
html5&css&js代码 031 又一个计算器
又一个计算器页面。原创 2024-03-20 15:15:01 · 443 阅读 · 0 评论 -
html5&css&js代码 030 一个计算器
简单的计算器页面.原创 2024-03-20 15:07:24 · 479 阅读 · 0 评论 -
html5&css&js代码 029 CSS计数器
该HTML代码定义了一个网页的结构和样式。在头部，通过CSS样式定义了body和h1-h2元素的样式。body元素的样式包括文本居中、计数器重置、字体颜色和背景颜色。h2元素的样式使用了CSS计数器来自动在标题前添加章数。在正文中包含了一系列的h2标题，这些标题会被自动编号。原创 2024-03-20 09:01:32 · 514 阅读 · 0 评论 -
html5&css&js代码 028 盒子模型
本例主要展示了CSS盒子模型的概念和应用。网页分为两部分：头部和主体。头部包含了一个标题和一些内联样式。原创 2024-03-20 08:54:01 · 573 阅读 · 0 评论 -
html5&css&js代码 027 地理定位
这段HTML代码实现了一个网页，用于获取和显示用户的地理定位信息，包括纬度、经度、位置精度、海拔、海拔精度、方向、速度和定位时间。原创 2024-03-19 18:49:03 · 299 阅读 · 0 评论 -
html5&css&js代码 026 canvas示例
这段HTML代码定义了一个页面，其中包含一个容器和一个canvas元素。通过JavaScript代码，使用canvas绘制了一个矩形、一个填充了颜色的矩形、一个文本以及一个圆形。原创 2024-03-19 18:43:17 · 457 阅读 · 0 评论 -
html5&css&js代码 025 验证码生成与验证
这段HTML代码实现了一个简单的客户端验证码生成与验证功能。页面上会显示一个验证码图片，用户需要在输入框中输入看到的验证码，然后点击验证按钮进行验证。原创 2024-03-19 09:02:10 · 1084 阅读 · 0 评论 -
html5&css&js代码 024 响应式布局示例
该HTML代码重点在于构建一个带有响应式设计的两栏布局网页，包含页头、导航条、主要内容区（左右两列）和底部区域，并运用CSS样式设置页面元素的布局、颜色、字体、间距等视觉表现，确保在不同屏幕尺寸下网页布局能灵活调整。原创 2024-03-19 08:53:19 · 1104 阅读 · 0 评论 -
html5&css&js代码 023 公制计量单位进位与换算表
这段HTML代码定义了一个网页，用于展示公制计量单位的进位与换算表。原创 2024-03-17 08:59:57 · 698 阅读 · 0 评论 -
html5&css&js代码 022 表单输入类型示例
这段HTML代码定义了一个网页，展示了表单输入类型示例。原创 2024-03-17 08:51:23 · 534 阅读 · 0 评论 -
html5&css&js代码 021 实体字符参考
HTML实体是一种用于表示特殊字符的编码方式。在HTML中，有一些字符具有特殊的含义，如小于号 () 是用于标签的起始和结束，如果直接在HTML文档中使用这些字符，会被解析为标签，而不是作为普通字符显示。为了在HTML中显示这些特殊字符，可以使用实体编码来表示它们。原创 2024-03-15 11:29:08 · 605 阅读 · 0 评论 -
html5&css&js代码 020 推荐网址
这段HTML代码在表格中列出了一些推荐的网址，包括序号、名称、网址、描述和备注。每个表格行都包含一个链接到相应网址的超链接。页面的样式包括字体颜色、背景颜色、边距、表格样式等。原创 2024-03-15 11:04:11 · 421 阅读 · 0 评论 -
html5&css&js代码 019旋转时钟
这段HTML代码实现了一个旋转时钟的效果。页面加载时，会根据当前时间将月份、日期、星期、小时、分钟和秒分别渲染为一个标签，并通过动态修改标签的位置和颜色来实现时钟的旋转效果。本文对原文进行了简化。转载 2024-03-15 10:55:46 · 139 阅读 · 0 评论 -
html5&css&js代码 018颜色表
这段代码展示了一个基本的颜色表，方便参考使用。原创 2024-03-14 17:16:26 · 1516 阅读 · 0 评论 -
html5&css&js代码 017样式示例
这段HTML代码定义了一个网页的基本结构，包括头部、主体和尾部。在头部中，设置了网页标题、字符编码和样式。主体部分包含一个标题和一个表格，表格内分为两个单元格，左侧为菜单，右侧为网页内容。尾部显示了版权信息。通过使用CSS样式，对网页的字体颜色、背景颜色、对齐方式和边距等进行了定制。原创 2024-03-14 17:05:43 · 568 阅读 · 0 评论 -
html5&css&js代码 016 表格示例
这段HTML代码定义了一个网页，展示了不同类型的表格示例。页面使用了CSS样式来控制字体颜色、背景颜色、表格样式等。原创 2024-03-13 09:00:00 · 603 阅读 · 0 评论 -
html5&css&js代码 015 列表元素
这段HTML代码定义了一个网页，展示了不同类型的列表（无序列表、有序列表和定义列表）的示例。网页使用了自定义的样式，包括字体颜色、背景颜色、边距、字体大小和布局。页面底部包含一个页脚，显示了代码作者的信息。原创 2024-03-13 08:00:00 · 849 阅读 · 0 评论 -
html5&css&js代码 014 布局框架
Bootstrap 是一个流行的开源前端开发框架，它由Twitter公司（后独立为Bootstrap团队）创建并维护。Bootstrap 提供了一套现成的、响应式的用户界面组件和设计布局工具，用于快速构建高质量的网页和Web应用。这段代码使用了这个框架，实现了一个简单的布局。原创 2024-03-12 20:14:30 · 738 阅读 · 0 评论 -
html5&css&js代码 013 常见布局
一个简单的网页布局。原创 2024-03-12 09:30:00 · 490 阅读 · 0 评论 -
html5&css&js代码 012 我的像册
这段HTML代码定义了一个简单的网页，实现了一个简洁、响应式的图片相册页面。原创 2024-03-12 09:00:00 · 986 阅读 · 0 评论 -
html5&css&js代码 011 个人简历二
这段HTML代码定义了一个个人简历的页面布局和样式。页面分为多个部分，包括基本信息、自我评价、工作经历、教育经历、项目经历和期望的职业方向。每个部分都使用了自定义的样式，如背景颜色、字体颜色和边框样式等。页面还包含了一个表格用于展示工作经历和教育经历，以及一些段落用于填写其他信息。页面底部添加了一个页脚，显示了代码的作者信息。原创 2024-03-11 19:58:23 · 607 阅读 · 0 评论 -
html5&css&js代码 010 个人简历模板一
这段HTML代码定义了一个个人简历的页面布局和样式。页面分为多个部分，包括基本信息、自我评价、工作经历、教育经历、软件产品及著作、未来研究方向等。每个部分都使用section标签包裹，并通过h2标签给出小标题。页面使用内联样式表定义了字体、颜色、背景色、边框、对齐方式等样式。原创 2024-03-11 14:49:04 · 1806 阅读 · 0 评论 -
html5&css&js代码 009 我的网址簿
这段代码的主要功能是展示一个包含多个分类和网址的网址簿，每个分类下有多个网址链接。通过a标签的href属性，用户可以点击链接跳转到相应的网址。同时，通过style标签定义的样式，网页呈现出了特定的字体颜色、背景颜色、边距和填充等视觉效果。原创 2024-03-11 14:38:59 · 827 阅读 · 0 评论 -
html5&css&js代码 008 名画欣赏
这段HTML代码定义了一个网页，展示了名画欣赏的内容。主要包括页面的标题、样式定义和主体内容。其中，样式定义使用了CSS来控制页面的布局和外观，主体内容使用了结构化的HTML标签来展示画作的标题、图片、信息和作者介绍等。通过这段代码，可以实现将名画的相关信息以美观的方式呈现给用户。原笔记：编程笔记 html5&css&js 008 HTML图片。原创 2024-03-11 13:42:05 · 814 阅读 · 0 评论 -
html5&css&js代码 007 文章排版 颜真卿《述张长史笔法十二意》
这段代码定义了一个古文展示页面的结构和样式，同时本文内容也是书法爱好者的珍贵资料。原创 2024-03-09 12:00:19 · 699 阅读 · 0 评论 -
html5&css&js代码 006 文章排版《桃花源记》
这段代码定义了一个网页，用于展示文章《桃花源记》的内容。网页使用了CSS样式来定义各个部分的显示效果。呈现了《桃花源记》这篇文章的网页版面，使得文章内容更加美观、易读。原创 2024-03-09 11:00:53 · 677 阅读 · 0 评论 -
html5&css&js代码 005 小学数学四则运算练习
这段代码定义了一个页面，用于小学数学四则运算的练习。这可能有点难，实际如果需要可以通过更改代码来达到要求。原创 2024-03-09 10:20:52 · 1181 阅读 · 0 评论 -
html5&css&js代码 004 2035年倒计时
这段HTML代码实现了一个倒计时页面，倒计时的目标日期是2035年1月1日。页面中使用一个元素显示倒计时的天数、小时数、分钟数和秒数。原创 2024-03-09 10:00:45 · 741 阅读 · 0 评论 -
html5&css&js代码 003 50以内的乘法算式
综合应用代码示例。50以内的乘法算式。原创 2024-03-08 15:25:12 · 799 阅读 · 0 评论