HTML
关注
分享
扫一扫
文章平均质量分 59
ZeroCode-py
这个作者很懒，什么都没留下…
展开
-
【Bootstarp】个人博客网站设计作品分享（附源码）
【Bootstarp】个人博客网站设计作品分享（附源码）原创 2022-06-12 17:40:49 · 5025 阅读 · 1 评论 -
【HTML】如何在页面上插入一言网上的经典名言
大家是不是经常看到别人的博客网站上总有几句经典的名言，并且每次访问时名言都不一样，本文将带领大家完成这一效果。原创 2022-06-03 16:04:26 · 1807 阅读 · 2 评论 -
Bootstarp：网站导航栏的编写设计
hello，大家好，我是wangzirui32，今天我们来学习Bootstarp的网站导航栏的编写设计，开始学习吧！HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte原创 2022-05-01 16:49:01 · 541 阅读 · 2 评论 -
HTML：Marked-js+Bootstarp简单实现Markdown文本编辑器
hello，大家好，我是wangzirui32，今天我们来学习如何使用Marked-js+Bootstarp简单实现Markdown文本编辑器，开始学习吧！1. Marked-jsMarked-js 是一个用 JS代码实现的 Markdown 解析器，能快速解析 Markdown 代码并生成为 HTML ，Github项目主页：https://github.com/markedjs/marked，可以由CDN引入：<script src="https://cdn.bootcdn.net/ajax原创 2022-04-30 17:58:29 · 2131 阅读 · 0 评论 -
HTML：Boostarp实现博客文章详情页
hello，大家好，我是wangzirui32，今天我们来学习如何使用Boostarp实现博客文章详情页，开始学习吧！HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont原创 2022-04-16 18:09:19 · 1101 阅读 · 0 评论 -
HTML：Boostarp实现个人博客首页
hello，大家好，我是wangzirui32，今天我们来学习如何使用Boostarp实现个人博客首页，开始学习吧！HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte原创 2022-04-10 17:22:53 · 1078 阅读 · 2 评论 -
HTML：Boostarp设计登录页面
Hello，大家好，我是wangzirui32，今天我们来学习如何使用Boostarp设计登录页面，开始学习吧！HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content原创 2022-04-06 18:01:27 · 2791 阅读 · 4 评论 -
教你如何在自己的Web项目中集成TinyMCE富文本编辑器
hello，大家好，今天我们来学习如何在自己的Web项目中集成TinyMCE富文本编辑器，开始学习吧！1. TinyMCE简介TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器，它的优势体现在一下几点：开源可商用插件丰富可扩展性强界面好看，符合现代审美多语言支持，官网可下载几十种语言。综合以上几点，我力荐TinyMCE作为前端的富文本编辑器。2. 引入TinyMCE现在TinyMCE已经支持script标签直接指定链接并引入：<script src="https:原创 2021-06-28 21:31:59 · 1108 阅读 · 1 评论 -
HTML：如何设置网页标题上的图标
hello，大家好，我是wangzirui32，今天我们来学习如何设置网页标题上的图标，开始学习吧！其实很简单，先准备一个ico图标文件，再使用link标签即可，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>wangzirui32网站首页</title> <!-- href是icon图标的文件地址 -原创 2021-04-30 18:29:28 · 3540 阅读 · 1 评论 -
HTML+CSS：设计一个网站登录页面 学起来很简单
hello，大家好，我是wangzirui32，今天我们来学习如何设计一个网站登录页面。开始学习吧！1. 项目架构demo/ login.html 网页文件 backgrond.png 登录背景图片 style.css CSS样式文件按照以上创建即可。2. 编写代码2.1 网页文件编写HTML代码不多，如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-04-16 22:04:08 · 3711 阅读 · 0 评论 -
CSS学习笔记：设置标签文本的阴影
hello，大家好，我是wangzirui32，今天我们来学习如何设置标签文本的阴影。开始学习吧！代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>文本阴影</title> <style> h1 { /* 第一个参数是影子水平移动的距离 */ /* 第二个参数是影子垂直移动的距离 */ /* 第三个参数是影子的模原创 2021-04-11 20:12:34 · 362 阅读 · 0 评论 -
HTML：给自己设计一个简单的专属网页音乐播放器
Hello，大家好，我是wangzirui32，今天我们来学习如何给自己设计一个简单的网页音乐播放器。开始学习吧！学习目录1. 项目架构2. player.html 编写3. style.css 编写4. 结果展示写在最后1. 项目架构结构如下，请自行创建文件：demo/ style.css player.html2. player.html 编写代码如下：<!DOCTYPE html><html lang="en"><head> <原创 2021-04-11 17:43:46 · 5627 阅读 · 0 评论 -
HTML：在网页中以文字显示HTML标签
hello，大家好，我是wangzirui32，今天我们来学习如何在网页中以文字显示HTML标签。开始学习吧！其实，实现这样的功能，只需要使用xmp标签即可，代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>以文字显示HTML标签</title> </head><body> <!-- xmp标签存入你需要显示原创 2021-04-10 19:07:41 · 1286 阅读 · 0 评论 -
HTML网页标签代码基本教学（2）使用表单标签
这一篇是上一篇文章的续集，我们继续学习HTML网页标签代码。学习目录table标签 生成表格table标签 生成表格table标签主要和tr，td标签配合使用，代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>查看图书信息</title> </head> <body> <t原创 2021-04-02 20:23:02 · 251 阅读 · 0 评论 -
HTML：1分钟实现简单网站导航栏
hello，大家好，我是wangzirui32，今天我们来学习如何实现简单网站首页。开始学习吧！网站首页代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>wangzirui32的首页</title> <!-- CSS层叠样式表导入 --> <link rel="stylesheet" hr原创 2021-03-28 17:40:49 · 4038 阅读 · 1 评论 -
jQuery：animate方法实现简单网页动画
hello，大家好，我是wangzirui32，今天我们来学习如何使用jQuery的animate方法实现网页动画。开始学习吧！实现动画<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script&原创 2021-03-28 15:51:27 · 565 阅读 · 0 评论 -
jQuery：css方法 动态更改标签css样式
hello，大家好，我是wanzirui32，今天我们来学习如何使用jQuery的css方法，动态更改标签css样式。开始学习吧！学习目录读取标签的css样式设置标签的css样式给标签设置多个css属性读取标签的css样式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/j原创 2021-03-28 15:20:38 · 742 阅读 · 0 评论 -
JavaScript：使用js脚本写入HTML代码
Hello，大家好，我是wangzirui32，今天我们来学习如何让js脚本自动写入HTML代码。首先，打开一个js文件，命名为hello.js，输入：// 一个用于测试写入HTML代码的hello函数// 用法：调用时在HTML页面上写入“你好！”function hello(){ // document.write函数 用来写入括号中的HTML源码（为字符串） document.write("<h1>Hello！</h1>");}// 调用一次hello();原创 2021-02-17 15:20:20 · 3539 阅读 · 0 评论 -
HTML：使用JavaScript脚本在网页上编写一个简单的乘法计算器
hello，大家好，我是wangzirui32，今天我来学习如何使用表单+js脚本编写一个简单的乘法计算器，先创建一个HTML文件，输入：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript乘法计算器</title> <script src="demo.js"></script></h原创 2021-02-16 19:23:31 · 3217 阅读 · 0 评论 -
HTML：使用JavaScript（js）脚本在网页上显示实时时间
hello，大家好，我是wangzirui32，今天我们来学习如何在网页上显示当前时间。1. 静态显示这种方式只获取网页打开时的时间：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>获取时间</title> </head> <body> </body></html>原创 2021-02-15 19:13:06 · 7380 阅读 · 7 评论 -
HTML网页标签代码基本教学（1）基本标签学习
HTML全名超文本标记语言（Hyper Text Markup Language），可以用来制作网页。它有一套语法规则，通过这些语法规则，就可以设计出丰富多彩的网页了。首先，html的标签格式为：<标签名>标签内容</标签名>以<标签名>开头，以</标签名>结尾。还有亿点要说明，HTML代码最常使用两个空格进行缩进，当然，也可以为4格，3格，甚至可以不用缩进。但我建议缩进代码，因为这利于网页后期开发时的修改。开始今天的学习吧！html标签用于标原创 2021-02-10 13:10:28 · 3018 阅读 · 3 评论