HTML代码在线运行和预览网站汇总：

1：http://jsrun.net/Cj2Kp/edit

2：http://zouni.run/

3：http://3br.net/htmlbasic.html

4：https://www.w3school.com.cn/tiy/t.asp?f=html5_audio

5：https://jsbin.com/?html,output

6：http://www.52yoga.net/tools/run/

HTML案例代码

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>JS Bin</title><script src="https://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<!-- 活动 -->
<style type="text/css">
.guize_html {position:fixed; top: 15%; left: 50%; margin-top: -10px; margin-left: -230px; width: 460px; height: auto; border-radius:3px; background-color: #fff; }
.guize_html_nei p { margin: 10px 0 20px; }
p.gz-small { font-size: 15px; color: #ea3a3a; }
.guize_html_nei h3 { text-align: center; font-size: 1.2em;}
.guize_html_nei p img { max-width: 100%; margin: auto; }
.bth { text-align: center; }
.guize_html_nei { display: block; font-size: 16px; line-height: 24px; padding: 20px 30px 0; }
.btn { display: block; border-radius: 4px; background-color: #919191; color: #fff; text-align: center;cursor: pointer;padding: 5px 15px;float: right;}
.overfloat {position: fixed; top: 0; left: 0; z-index: 99999; display: none; width: 100%; height: 100%; background-color: rgba(1,1,1,.5) }
.bth-buy {display: block; border-radius: 3px; background-color: #ff6434; color: #fff; text-align: center;cursor: pointer; padding: 5px 15px;float: left;}
.bth-buy a { display: block; color: #fff; }
@media only screen and (max-width: 480px) {
.guize_html {width: 300px;left: 20px;top: 25%;margin-left: 0;}
.guize_html_nei {padding: 20px 10px; font-size: 0.8em;}
.guize_html_nei blockquote{font-size:0.8em !important;color: #666;background: #fbfbfb;border-left-color: #e5e5e5;}
.guize_html_nei p {margin: 10px 0;}
.guize_html_nei p img{display:none}
}
.anniu{width: 200px;margin: 0 auto;margin-bottom: 10px;overflow: hidden;}
</style><div class="overfloat" id="gui_kai">
<div class="guize_html">
<div class="guize_html_nei">
<h3>2020年阿里云618大促活动（有香港主机）</h3>
<blockquote style="font-size: 0.8em;padding: 10px 15px;margin: 10px 0;background-color: whitesmoke;word-break: break-word;border-radius: 3px;">
1核/2G/1M---91元1年，三年367元；<br>
2核/4G/1M---414元1年，三年1243元；<br>
2核/8G/1M---624元1年，三年1640元；<br>
1核2G（香港，不用备案）---249元1年，三年888元；<a style="color: #ff00ff;font-weight: 600" href="http://tencent.yundashi168.com/430.html">点击直达</a><br>
还有还有4核8G6M、8核16G10M配置，价格很低很低！
</blockquote><p class="gz-small">注意：这个价，只有新用户才能看到；老用户借用家人身份重新注册，这个价格重新注册也不亏!</p>
</div>
<div class="anniu"><div class="bth-buy"><a href="https://www.aliyun.com/activity/618/index%20?spm=5176.13735996.fszjobuve.d83.4fc53b5ag2LbFA&userCode=ywqc0ubl&scm=20140722.2018.2.2000" target="_blank" title="阿里云服务器优惠活动">去看一看</a></div><div id="g_close" class="btn">我知道了</div>
</div>
</div>
</div>
<script type="text/javascript">$(function() {$("#gui_kai").show();});$('#g_close').click(function(){$("#gui_kai").hide();
});
</script><!-- 活动 end --></body>
</html>

可以复制上述代码，然后依次尝试下运行，看下效果！

html代码在线运行_在线运行html代码相关推荐

python在线模拟_在线模拟运行Python工具/Skulpt工具
Skulpt客户端Python模拟器说明 1. Skulpt是一个完全依靠浏览器端模拟实现Python运行的工具 2. 不需要预处理.插件或服务器端支持,只需编写python并重新载入即可. 3. 由 ...
AndroidStudio_android通过服务,检测本程序是否已经终止运行_终止运行后发送通知给Http服务器---Android原生开发工作笔记246
先做的一个项目,大体是,我这边如果程序已经停止,需要发送一个通知给远程的Httpserver服务器, 然后,远程服务器会通过websocket,通知,显示在大屏上的页面,去清空大屏数据,这样就有问题了 ...
低代码开发平台_什么是低代码和无代码开发平台？
低代码/无代码开发平台是一种可视化软件开发环境,允许公民开发人员拖放应用程序组件,将它们连接在一起并创建移动或Web应用程序.这种模块化方法使专业开发人员可以免除他们逐行编写代码的需要,从而更快地构建 ...
java代码耗尽内存_为什么运行Java应用程序的计算机几乎耗尽了物理内存,但仍然可以运行数周...
我有一个Java应用程序,该应用程序部署在两台计算机上,并根据指标(包括JMC)判断它们都几乎耗尽了内存,并且持续了很长时间.但是,这些应用程序可以正常运行,并且不会发生OutOfMemory错误. ...
全屏在线秒表_在线秒表
全屏在线秒表 When working on projects that I'm billing on a per-hour basis, I use an on-line stop watch to ...
react在线文件_在线教育大前端架构演进之路
前段时间,本人有幸于在深圳GMTC大前端架构演进专场进行分享.其后应叶冉编辑邀请,总结了此次分享的演讲稿<腾讯在线教育大前端架构演进之路>.首先做一下自我介绍.我是来自腾讯的工程师 hai ...
python编辑在线表格_在线电子表格
利用MVVM,很多非常复杂的前端页面编写起来就非常容易了.这得益于我们把注意力放在Model的结构上,而不怎么关心DOM的操作. 本节我们演示如何利用Vue快速创建一个在线电子表格: 首先,我们定义M ...
通过国家认定的在线监测仪器_在线监测_环境保护网
安装水质在线仪器的一些共性问题随着我国环境保护形势的不断发展和国内在线监测技术的日益成熟,为了实现辖区控制排污,改善环境质量的目标,各省市普遍开展了排污口在线监控工作,极大地提升了环境管理水平.在此 ...
python3.7.0怎么运行_安装运行Python 3.7的步骤
安装运行Python 3.7的步骤发布时间:2020-07-03 11:52:34 来源:亿速云阅读:120 作者:Leah 本篇文章给大家分享的是有关安装运行Python 3.7的步骤,小编觉得 ...
作业帮电脑版在线使用_在线K12赛道六虎争霸：猿辅导、作业帮又宣布新一轮融资...
在线教育依然处于高速发展期,艾媒咨询数据显示,预计2020年,中国在线教育市场规模将达到4858亿元.庞大的体量之下,诞生数个百亿美金的公司机会依然存在. 作者 | 李子璇编辑 | 大橙子根据晚点 ...

html代码在线运行_在线运行html代码

HTML代码在线运行和预览网站汇总：

HTML案例代码

html代码在线运行_在线运行html代码相关推荐

最新文章

热门文章