免费展示自己写的HTML给别人看

最新推荐文章于 2024-07-23 10:23:14 发布

CenZn

最新推荐文章于 2024-07-23 10:23:14 发布

阅读量7.1k

点赞数 12

分类专栏：小实践

本文链接： https://blog.csdn.net/qq_43589241/article/details/114107009

版权

小实践专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1 下载tomcat

tomcat下载地址

1.1 选择tomcat版本

1.2 下载

2 部署自己的网页在tomcat里

2.1 把项目放到tomcat里

把自己写好的项目放到
apache-tomcat-10.0.2\webapps
目录下

emm为我的项目文件夹,里面有一个我要展示的html文件

2.2 启动tocmat

双击
apache-tomcat-10.0.2\bin
目录下的startup.bat

然后后运行一个黑窗口

2.3 验证是否部署成功

3 去找内网穿透客户端

natapp官网

3.1 注册并下载客户端

3.2 购买隧道

3.3 在我的隧道中复制 authtoken

3.4 启动刚才下载的客户端

解压之后会有一个natapp.exe

cmd 回车

输入命令 natapp -authtoken=刚才复制的authtoken

3.5 复制客户端给的地址

然后复制Forwarding里的地址

4 访问

Forwarding里的地址 + 项目名 + 网页html名

立减 ¥

12
点赞
踩
99

收藏

觉得还不错? 一键收藏
8
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

html页面展示关系图,可拖拽的html5人物关系图代码

weixin_42510783的博客

06-05

2135

一款可拖拽的html5人物关系图代码，可以显示预设的人物头像、人物的关系等，可以鼠标拖拽来自由排列人物顺序，可以指定不同关系的连线样式。查看演示下载资源：33次下载资源下载积分：20积分页面的body部分，设置好人物关系的canvas显示容器，代码如下：页面的底部，需引入jQuery库和必要的JS文件，并设置好人物关系所有的显示内容，...

自己做的html怎么在别人电脑上看,如何在自己的电脑查看别人电脑的ip地址？教你，马上成为电脑高手...

weixin_34684706的博客

06-28

1884

自己电脑的ip地址一般都可以查到，但是别人电脑的ip地址怎么查到呢？掌握了下面的方法，就可以轻松查到。1.打开自己的电脑，点击开始菜单，点击运行，在输入框里输入cmd命令，打开dos命令程序。2.在命令窗口里面输入：“netstat -n命令，然后，回车，这个时候，可以看到你主机与外界通讯主机的ip。local add ress：自己主机的ip;foreign address:目的机器ip。(现在...

8 条评论您还未登录，请先登录后发表或查看评论

微服务 nginx html与restful同80

杨航的专栏

07-16

770

#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections ...

如何让一个html文件让用户看到？

最新发布

专注于全栈开发领域

07-23

1136

首先，我们需要创建一个简单的 HTML 文件，其内容为 “Hello, World!然后，我们将使用 Nginx 来部署这个静态文件，并配置它，以便可以通过服务器的地址直接访问这个网页。

本地html项目给别人访问

嘀嘀嘀123的博客

09-26

2911

未用任何框架写成的本地html在别人电脑上访问。

自己写好的html页面怎么发给别人看,分享自己写的第一个html网页

weixin_31100203的博客

06-03

1万+

今天刚刚开通博客园，把我最近整理的html/css来说一下，对于初学者还是有一定的帮助。一、先来为大家简单普及以下html(1)、html英文即：hypertext markup language 中译：超文本标记语言(2)、网页：网页是一个后缀名为".html"的文件，它存放在世界某一部计算机或服务器中，而它与互联网相连，网页经由网址读取(url(统一资源定位符))，是万维网其中一页(万维网...

如何让其他用户在任何情况下访问html文件？

qq_33078995的博客

03-06

4247

1、首先需要公网服务器。在阿里云/腾讯云等购买云主机（相当于购买了所有电脑的资源）。 2、在云主机上装操作系统，Linux、Windows均可。 3、编写html文件。 4、把文件放到服务器中。 5、在服务器上安装web服务器，如windows上的IIS，在Linux上Apache。（任一个服务器都可以） 6、配置服务器的配置文件工作目录，把文件拷入工作目录。 7、通过浏览器，可以使用...

15套自己收集的微信网站模板,微网站HTML5模板,分享给大家

06-12

这些模板展示了如何利用HTML5来创建功能丰富、视觉吸引人的微网站。 3. **HTML5**：HTML5是超文本标记语言的最新版本，增强了网页的多媒体功能和交互性。它支持音频、视频、图形和表单控件的本地处理，减少了对...

ExcelToHtmlTable转换算法:将Excel转换成Html表格并展示(项目源码+详细注释+项目截图)

10-04

功能概述 Excel2HtmlTable的主要功能就是把Excel的...人不逼迫自己，真是想偷懒，不能出成果。要是不是自己实现一次，根本不能发现和解决一系列问题。最重要的经验就是：要努力克服自己的畏难情绪，不能怕麻烦。

简易商品展示HTML+CSS

m0_56262017的博客

03-17

2811

效果展示图 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

html中文案竖排怎么写,做了这个活动，感觉自己成了垂直排版css大师（文字竖排）...

weixin_36012152的博客

06-07

1815

前段时间协助完成作家的盘点活动，设计大大给的视觉稿如下图。最初拿到稿子时，以为是一个简单的常规活动，实际在完成这个活动的过程中有一点点小波折，自己也在这个过程中学习到了关于垂直排版的知识点，下面来跟大家描述做这个活动的心路历程，一起探索垂直排版的奥秘~文字竖排????，立马想到使用 writing-mode，改变文字展示的行进方向大家都知道的writing-modewriting-mode 可以将文档流...

深度学习html (2)如何让好友也能访问到你的网站

weixin_71204281的博客

06-19

175

注:没有域名的可以在腾讯云注册一个域名最便宜的十几块钱一年如果不购买域名也是可以的使用ip作为域名将公网ip复制到域名上下面的没有动之后另发教程。如过把.html文件直接发过去及浪费储存空间有要浪费上传流量如果购买一台服务器将源文件上传即可解决这个问题。进入操作里面刚购买的同学需要等待5-10分钟等待他配置完会自动帮你安装宝塔等一些信息。上一篇已经讲了简单的做一个静态网页接下来如何让你的好友和亲友能看到你做的网页呢。之后点击根目录上传文件将上次写好的文件上传即可。登录进去之后打开软件商店安装这几个软件。

如何将自己做的网页发布到网站让别人可以看到

热门推荐

WU2629409421perfect的博客

09-18

6万+

自从在大学学了H5之后，一直都在想，怎么将自己写的HTML网页发布到网上像百度一样让任意用户可以访问呢？于是我便做了一些尝试，并有了如下收获：首先，把网站上传到网站让别人访问需要以下东西： 1：域名 2：空间什么是域名呢？域名可以理解为一个地址，就好baidu.com, sina.cn这些简称为域名，域名分为一级、二级、三级以及四级域名，如：Ba...

html和css结合怎么给人看,CSS和HTML的结合方式

weixin_28025327的博客

08-03

158

# CSS和HTML的结合方式 #* **每一个HTML标签上都有一个属性style，把css和HTML结合在一起。**电视一直闪联络方式都还没删你待我的好我却错手毁掉* **使用html的一个标签实现标签，写在里面。** div { background-color: red; color: green; } 电视一直闪联络方式都还没删你待我的好我却错手毁掉* **在style...

如何让自己的网页让其他人看到；如何发布自己的网站；如何让朋友访问自己编写的前端页面...

weixin_30748995的博客

12-10

6602

分享自己的HTML页面前言：作为刚接触前端的学员来说我们没有什么想法；但是当我们学习前端一段时间以后，我们能够编写出美丽的页面，那么问题来了；...

教你免费上传自制网页至浏览器，用网址访问

waitingforone的博客

12-22

4167

免费上传网页至浏览器，用网址访问，拥有一个自己的网站

将自己的网站（html页面）做成链接分享给他人（建议使用vercel）

qq_45194977的博客

11-28

2万+

方法一、利用githubpage服务、gitee page服务 GitHub和gitee的功能基本相同，在page服务不同的地方是，GitHub需要支付4美元来升级自己的仓库，gitee需要实名认证。此处以GitHub为例，简单介绍GitHub仓库的创建以及page服务。 1、打开 GitHub官网GitHub: Where the world builds software · GitHub，注册登录。 2、在自己的主页将自己的代码上传至 GitHu...

如果讲html做成公开链接,如何生成链接

weixin_36215894的博客

05-31

1756

因为zentaoPHP框架有两种运行方式，所以在生成链接的时候，尽量不要手工拼写链接代码，通过调用系统提供的createLink方法，来生成链接。一、$this->createLink()方法比如，我们要生成一个blog模块的view方法的链接，需要传递参数为id=17，这样来调用：echo $this->createLink('blog', 'view', 'id=17&ca...

给我洗一个地图展示全国房价的html

04-01

由于涉及到数据和地图，需要使用一些库和API来实现。以下是基本的步骤： 1. 获取数据：从公开数据源或自己的数据源中获取全国各地的房价数据，并将其保存在一个CSV文件中。CSV文件应包含以下字段：省份、城市、区域、房价。 2. 使用地图库：选择一个合适的地图库，如Leaflet.js或D3.js，用于创建地图。 3. 使用地图API：使用地图API，如高德地图API或百度地图API，将地图集成到页面中。 4. 加载数据：使用JavaScript或jQuery等库从CSV文件中加载数据，并将其转换为地图上的图层。 5. 显示数据：使用颜色或大小等方式在地图上显示房价数据。 6. 添加交互性：添加交互性，如鼠标悬停或单击，以便在地图上显示更多信息，如城市名称、区域名称和房价数据。 7. 调整样式：使用CSS等样式表调整地图和数据的样式，以便更好地呈现。 8. 发布页面：将页面上传到Web服务器上，以便其他人可以访问并查看全国房价地图。参考代码：以下是一个基本的代码示例，使用Leaflet.js和高德地图API来显示全国房价地图。请注意，此示例仅用于演示目的，需要进行适当的调整和扩展才能用于实际项目。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>全国房价地图</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.6.0/dist/leaflet.css" /> <script src="https://cdn.jsdelivr.net/npm/leaflet@1.6.0/dist/leaflet.js"></script> <script src="https://webapi.amap.com/maps?v=1.4.15&key=您的高德地图API密钥"></script> </head> <body> <div id="map" style="height: 100vh;"></div> <script> var map = L.map('map').setView([39.9042, 116.4074], 4); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', { attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' + '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', maxZoom: 18, id: 'mapbox/streets-v11', tileSize: 512, zoomOffset: -1, accessToken: '您的Mapbox API密钥' }).addTo(map); var markers = L.markerClusterGroup(); var csvUrl = '您的CSV文件URL'; Papa.parse(csvUrl, { download: true, header: true, complete: function(results) { var data = results.data; for (var i = 0; i < data.length; i++) { var lat = parseFloat(data[i].lat); var lng = parseFloat(data[i].lng); var price = parseInt(data[i].price); var city = data[i].city; var district = data[i].district; var html = '<b>' + city + '</b><br>' + district + ': ' + price + '元/平米'; var marker = L.marker([lat, lng]).bindPopup(html); markers.addLayer(marker); } map.addLayer(markers); } }); </script> </body> </html>