51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库

用html5写一个静态爱心 html制作爱心
今天分享一个HTML动画的小技巧，完全用CSS来画一个会动的爱心。动画效用的就是CSS的动画属性，但是爱心图案并不是图片，而是用CSS拼出来的，这个小技巧还是有令人眼前一亮的感觉。制作，用到css的动画，有比较难的部分都做了注释先来看一下最终的动态效果图是怎么样的：下面是代码部分  HTML部分首先在body中建“heart”类，在heart里添加span标签，使用外链CSS样式。&lt
用html5写一个静态爱心
html
css
前端
CSS
转载
时光机3号
11月前
410阅读

HTML5画一个爱心
# HTML5画一个爱心 ## 简介 HTML5是一种用于构建Web页面的标准化语言，它提供了丰富的功能和特性来创建各种各样的网页元素。在HTML5中，我们可以使用Canvas标签来绘制各种图形，包括爱心。本文将介绍如何使用HTML5绘制一个漂亮的爱心，并提供了相应的代码示例。 ## 准备工作 在开始之前，我们需要准备一个HTML文档，并在文档中添加一个Canvas标签用于绘制图形。在这个Ca
HTML5
代码示例
javascript
原创
mob64ca12dba5b0
9月前
269阅读

html5表格怎么写 用html5做一个表格
html 5 表格用法总结1. 表格标签表格描述table定义表格caption定义标题th定义表头td定义单元格2. 应用实例表格边框— "<table border=“1”<!--1. 没有边框的表格--> <h3>1.无框表格</h3> <table> <!--tr 表格的行--> <tr>
html5表格怎么写
html
html5
边距
ide
转载
AI领域布道师
7月前
26阅读

html5静态网页教程 html5做一个静态页面
背景：刚开始学习前端，在仅使用HTML和CSS的情况下，也可以写出一个页面，使用HTML对页面的内容进行架构，再此基础上使用CSS对内容进行美化。其中涉及了许多HTML和CSS的知识点，定位 浮动 链接 等，修改字体、图片大小、背景颜色、鼠标样式、鼠标与页面的交互、行内元素与块元素等。学习来源：黑马程序员 **运行环境:**编码——Sublime 运行——chrome浏览器页面效果展示：源代码HT
html5静态网页教程
html
css
前端
CSS
转载
deanyuancn
2023-08-15 14:20:33
99阅读

html5爱心 html5爱心鱼源代码
github: https://github.com/miyiyiy/tinyHeart1. 页面结果搭建和背景绘制<div class='all_bg'> <div id='allcanvas'> <canvas id='canvas1' width="800" height="600"></canvas> &lt
html5爱心
Math
github
2d
转载
技术极客领袖
2023-08-21 11:03:16
223阅读

html5实现一个word html5怎么用
Template、Shadow DOM及Custom Elements 让你创建UI组件比以前更容易了。但是像HTML、CSS、JavaScript这样的资源仍然需要一个个地去加载，这是很没效率的。删除重复依赖也并不简单。例如，现在加载jQuery UI或Bootstrap就需要为JavaScript、CSS及Web Fonts添加单独的标签。如果你的Web 组件应用了多重的依赖，那事情就变得更为
html5实现一个word
html5资源怎么用
HTML
html
加载
转载
技术领航者之声
2023-07-12 17:54:06
74阅读

html5单页面 html5写一个简单页面
只做了个超级超级简单的界面，只是大概总结了HTML的一些知识点，超级超级超级初级哇 目录前言界面**代码：** 前言建议在这里打开 ，结合界面理解叭。界面大概的界面样子代码： <!DOCTYPE html> <!---"!"+回车，自动生成模板，body里写内容--> <html lang="en"> <!-- Ctrl+/ 整行注释 -
html5单页面
html
web
HTML
HTML5
转载
编程小匠人之魂
2023-08-16 13:35:54
208阅读

html5 静态多条公告栏 html5做一个静态页面
文章目录1、准备阶段获取素材分析出基本的布局掌握的知识2、实现阶段头部身体尾部3、效果图代码奉上 1、准备阶段获取素材首先打开 京东登录页面，按下F12，依次按着步骤进行。把所需要的素材都下载下来。分析出基本的布局每做一个页面最重要的一步就是分析布局，布局的好坏影响着你所做的页面的效果。 可以了把一个大的页面分为一个个小部分，每个框框的部分都可以当作一个div。掌握的知识1、html的基本知识
html5 静态多条公告栏
html
css
前端
ico
转载
mob64ca14137e4f
8月前
120阅读

html5怎么写一个画布、
# HTML5怎么写一个画布 在HTML5中，可以使用``元素来创建和操作一个画布。画布可以用来绘制图形、创建动画、处理图像等。 ## 问题描述 假设我们有一个简单的需求，需要在网页上绘制一个矩形，并能够通过鼠标点击移动这个矩形。 ## 解决方案 我们可以使用HTML5的``元素和JavaScript来实现这个需求。 首先，我们需要在HTML文档中创建一个``元素： ```html
HTML5
javascript
偏移量
原创
mob649e81576de1
2023-07-24 09:19:41
87阅读

html5写一个loding页
# HTML5编写一个Loading页 ## 1. 整体流程 下面是实现HTML5 Loading页的整体流程： | 步骤 | 描述 | | --- | --- | | 1 | 创建一个HTML文件 | | 2 | 设计Loading页的布局 | | 3 | 使用CSS样式设置Loading页的外观 | | 4 | 使用JavaScript代码实现Loading效果 | | 5 | 将Loa
HTML
html
CSS
原创
mob64ca12dab0a2
2023-08-30 08:20:21
226阅读

用html5写一个自我介绍网页
实现一个自我介绍页面，要求用到页面的跳转、音频、视频等综合属性。主页面的代码为：（intrudiction.html）<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
用html5写一个自我介绍网页
html
音视频
前端
超链接
转载
bigrobin
2月前
40阅读

用python编一个爱心 python写爱心代码
最近你是否也被李峋的爱心跳动代码所感动，心动不如行动，相同的代码很多，我们今天换一个玩法！构建一个三维的跳动爱心！嗯！这篇博客本着开源的思想！不是说谁对浪漫过敏的 目录环境介绍一、绘制一个三维的爱心二、细节点1.加入时间序列2.加入心脏的跳动一个好的展示完整代码 环境介绍python3.8numpymatplotlib一、绘制一个三维的爱心关于这一步，我采用的是大佬博客中的最后一种绘制方法。当然，
用python编一个爱心
python
3d
numpy
hg
转载
mob64ca14085c24
2023-08-04 14:09:42
515阅读

用html5一个栅格表单
HTML5新增的表单属性from标记的新属性autocomplete属性autocomplete：on|off属性规定form标记或类型为text、search、url、tel、email、password、date pickers、range、color的input标记是否具有自动完成的功能效果：当表单元素设置了自动完成功能后，会记录用户输入过的内容，双击表单元素会显示历史输入novalidat
用html5一个栅格表单
html5
表单
字段
提交表单
转载
数据探索家
2月前
14阅读

html5实现一个表单静态页面 html编写静态网页
教程视频：   从42开始制作的网页：http://www.cnos.co/整体思路：先布局再CSS控制骨架搭好了，初始化样式，后再弄CSS样式。注意：将CSS的样式导入到外部样式表时，要注意图片的位置，以及对外部样式表的引入、头部的背景图片的高度128px来自素材的图片高，容器的宽度大小也来自图片的宽，那么这里背景图片设置的有意思吗？不设置效果一样呀！！、图片的位置：当你在编写inde
html5实现一个表单静态页面
css
html
背景颜色
转载
mob64ca141a683a
2023-09-14 19:54:52
132阅读

用html5做一个表格
# 用 HTML5 制作一个表格 在现代网页开发中，HTML5 是构建网页的基础，而表格作为一种重要的数据展示方式，能够有效地帮助我们以结构化的形式展现信息。本文将详细讲述如何用 HTML5 创建表格，并在其中展示一些基本概念与实例。 ## 什么是表格？ 表格是按照行和列的方式组织数据的结构。它能够清晰地展示信息，便于用户阅读和理解。例如，产品价格、考试成绩、班级成员等信息都可以用表格来表示
HTML5
html
HTML
原创
mob64ca12daebd0
1月前
14阅读

html5中写一个计算器 用html写一个计算器网页
使用HTML+CSS+javascript实现简易计算器奉上在javascript学习期间写的小程序（简易计算机）一、先上图：二、实现过程：1.页面结构如下：<body> <div id="sDiv"> <div id="show"><div id="showme"></div></div&g
html5中写一个计算器
css
javascript
字符串
转载
小咪咪
2023-07-26 11:44:43
139阅读

html5表格制作教程 用html5做一个表格
文章目录前言一、表格1. 表格属性二、表单1.文本输入框2.密码输入框3.单选框4.复选框5.隐藏域6.提交按钮7.重置按钮8.普通按钮9.文本域10.下拉框禁用表单控件label标签fieldset 与 legend 的使用*总结 前言本篇学习表格和表单。一、表格一个完整的表格由：表格标题、表格头部、表格主体、表格脚注四部分组成。table ：表格 caption ：表格标题 thead ：表
html5表格制作教程
前端
css3
html5
html
转载
colddawn
2023-08-05 00:52:47
547阅读

html5做一个完整网页教程 用html5做一个简单网页
一、新建HTML目录和文件二、开发教程（VS Code）（一）HTML解析 1、元素：<head>，<title>，<body>，<header>，<footer>，<article>，<section>，<p>，<div>，<span>，<img>，<asid
html5做一个完整网页教程
html
web
HTML
相对路径
转载
我是数据分析师
2023-08-15 14:23:38
294阅读

html5 怎么设计一个手机静态页面左滑切换图片 html5做一个静态页面
目录 1、前言2、项目结构3、页面效果4、代码（部分代码）5、总结 6、项目下载1、前言这个页面使用了html和css，特别适合新手练习的页面，看看自己掌握的情况，这是我仿写的一个小米的官方网站，小米网站相对于来说比较简洁，看起来比较简单但是实现所有的样式还是有点难度（相对于新手来说）。期末作业也经常做一个天猫，京东等静态页面，需要的话可以下载，地址放在下面（图标、图片都有）。
html5
css3
less
html
css
转载
云中谁寄锦书来
8月前
33阅读

html5手机端静态点餐模板 html5做一个静态页面
文章目录前言正文1.先来看看成果2.搭建静态网页基本步骤3.一些技巧和注意事项1.讲讲在jetbrains系列软件中写html、css的操作2.常用的css样式3.素材和注意事项结尾 前言之前讲了html和css的相关知识，也该是时候动手搭建一些简单的静态网页了。这一篇博客主要除了分享怎么搭建，更多是是想分享一些需要注意的小细节以及一些实用的技巧。正文1.先来看看成果 这个资源我上传好了，这是链
html5手机端静态点餐模板
css
html
css样式
转载
蓝月亮
8月前
84阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料

2024软考
高级 中级 初级

华为认证
数通 云计算 安全

厂商认证
K8s Oracle 红帽

IT技术
数据库 网络安全 AIGC
相关文章

html5怎么写一个画布、 html画布例子

用html5做一个简单网页

写html5哪个软件好 写html5用什么

HTML5 爱心表白动画 爱心表白网页

用python写一个动态爱心 python动图爱心表白

html5开发用什么电脑 写html5用什么

用c语言写一个会动的爱心

vscode 运行一个静态html5页面

html5 静态后端页面 前端写静态页面

html5以什么开头 html5用什么写

Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯