做一个简单的测试用 web页面

 
 
1、安装httpd服务
 
　　yum install httpd
 
　　安装完httpd服务后，系统就自动生成了/var/www/html目录
 

 
　　创建一个纯文本文件，写上一段话：
　　就可以浏览测试网页了
 
echo Hello World! Welcome to Beijing! > /var/www/html/index.html

　　刷新网页

使用html对纯文本进行改善
 
效果太简单，更进一步我们使用超文本传输协议HTML来就行修改
 
　　vim /var/www/html/index.html

页面效果变成了下边的样子，比纯文本多了些字体效果，这就引出了
超文本的概念，丰富了纯文本-超文本

 
 

2、HTTP和html的关系
 
从这里可以看出，http（超文本传输协议）早期主要用于传文本，文本的格式主要就是超文本标记语言（html）。
当然现在早已超出只传文本这个概念，开图片看视频等。
 
 
 

3、用html代码模板创建一个简单的页面
 
<html>
<head>
<title>html语言</title>
</head>
<body>
<h1>你好，世界！</h1> 　　#一级标题
<p><a href=http://www.bmy.com.cn>大秦帝国</a>欢迎你</p>
<h2>梦回大秦</h2>　　　　 #二级标题
</body>
</html>
 
 
 
访问 http://ip地址/test.html

效果

html的深入研究请参考：http://www.w3school.com.cn
 
 
 

4、嵌入一张图片进去
 
<html>
<head>
<title>html语言</title>
</head>
<body>
<h1>你好，世界！</h1>
<p><a href=http://www.bmy.com.cn>大秦帝国</a>欢迎你</p>
<img src=bmy.jpg>　　 #添加图片地址，imag src=后可以是本地文件或图片的网络地址
<h2>梦回大秦</h2>
</body>
</html>
 
 
cp /root/bmy.jpg /var/www/html/ 先拷贝一张图片到html目录下
或添加你看中的图片的网络地址（俗称盗链）来替换代码中图片的地址
 
 

vim /var/www/html/test2.html 　　新建一个子页面文本
 

 
访问 http://192.168.142.139/test2.html
效果
 

5、查看网站访问情况
 
分别刷新网站子页面，在后台查看访问情况
 
http://192.168.142.139/test.html
http://192.168.142.139/test2.html
 
 

后台查看访问日志、及点击量
 
cat /var/log/httpd/access_log 　　查看访问日志
cat /var/log/httpd/access_log |wc -l 　　统计访问量（点击量）

6、网站压力测试工具
 
ab -c 100 -n 2000 http://192.168.142.139/
 
ab [OPTIONS] URL
 
-n：总请求数
-c：模拟的并行数
-k：以持久连接模式测试
ulimit –n # 调整能打开的文件数
 
通过压力测试工具，生成瞬间大量并发访问请求，访问量瞬间得到暴涨

 

 
 
 
 
 
 
 

HTTP lab01 做一个简单的测试用 web页面的更多相关文章

  1. 【Bugly干货分享】一起用 HTML5 Canvas 做一个简单又骚气的粒子引擎

    Bugly 技术干货系列内容主要涉及移动开发方向,是由Bugly邀请腾讯内部各位技术大咖,通过日常工作经验的总结以及感悟撰写而成,内容均属原创,转载请标明出处. 前言 好吧,说是“粒子引擎”还是大言不 ...

  2. 使用React并做一个简单的to-do-list

    1. 前言 说到React,我从一年之前就开始试着了解并且看了相关的入门教程,而且还买过一本<React:引领未来的用户界面开发框架 >拜读.React的轻量组件化的思想及其virtual ...

  3. 【 D3.js 入门系列 --- 3 】 做一个简单的图表！

    前面说了几节,都是对文字进行处理,这一节中将用 D3.js 做一个简单的柱形图. 做柱形图有很多种方法,比如用 HTML 的 div 标签,或用 svg . 推荐用 SVG 来做各种图形.SVG 意为 ...

  4. 一起用HTML5 canvas做一个简单又骚气的粒子引擎

    前言 好吧,说是"粒子引擎"还是大言不惭而标题党了,离真正的粒子引擎还有点远.废话少说,先看demo 本文将教会你做一个简单的canvas粒子制造器(下称引擎). 世界观 这个简单 ...

  5. Jmeter初步使用二--使用jmeter做一个简单的性能测试

    经过上一次的初步使用,我们懂得了Jmeter的安装与初步使用的方法.现在,我们使用Jmeter做一个简单的性能测试.该次测试,提交的参数不做参数化处理,Jmeter各元件使用将在介绍在下一博文开始介绍 ...

  6. 用EF DataBase First做一个简单的MVC3报名页面

    使用EF DataBase First做一个简单的MVC3报名网站 ORM(Object Relational Mapping)是面向对象语言中的一种数据访问技术,在ASP.NET中,可以通过ADO. ...

  7. 【 D3.js 入门系列 — 3 】 做一个简单的图表！

    图1. 柱形图 1. 柱形图 前几章的例子,都是对文字进行处理.本章中将用 D3 做一个简单的柱形图.制作柱形图有很多种方法,比如用 HTML 的 <div> 标签,或在 SVG 上绘制 ...

  8. Windows Phone开发（21）：做一个简单的绘图板

    原文:Windows Phone开发(21):做一个简单的绘图板 其实我们今天要说的就是一个控件--InkPresenter,这个控件并不是十分强大,没办法和WPF中的InkCanvas相比,估计在实 ...

  9. 使用Multiplayer Networking做一个简单的多人游戏例子-3/3（Unity3D开发之二十七）

    使用Multiplayer Networking做一个简单的多人游戏例子-1/3 使用Multiplayer Networking做一个简单的多人游戏例子-2/3 使用Multiplayer Netw ...

随机推荐

  1. CodeForces - 864C-Bus-（模拟加油站问题）

    https://vjudge.net/problem/CodeForces-864C 题意:两地之间有个加油站,往返走k个单程,最少加油多少次. 大佬几十行代码就解决,我却要用一百多行的if语句模拟解 ...

  2. sql server数据库文件的迁移（mdf&ldf文件）

    mdf 源文件 ldf 日志文件 在服务器不同磁盘目录内做迁移.移动用户数据库文件的情况大致有下面一些: ① 没有设计规划好,贪图方便,,,,数据库文件和日志文件增长过快,导致存放数据库文件的磁盘空间 ...

  3. vue 自定义组件销毁

    今天在开发电商vue前端项目时,用户每次登出再换其它用户登录时,页面显示的用户名和左则导航都还是上个用户的,刚开始以为是localStorage中没有清除全局数据,然后在用户点击退出系统时手动清除lo ...

  4. std::remove_reference

    [std::remove_reference] 用于移除类型的引用,返回原始类型. 1.可能的实现. 2.例子. #include <iostream> // std::cout #inc ...

  5. 第三周博客总结 <西北师范大学| 周安伟>

    一,本周助教小结 工作稳步推进,时间分配合理,点评效率有所提高,主要进行了评分工作,工作情况都汇总到了Excel中. 二,助教本人博客       https://home.cnblogs.com/u ...

  6. Food Delivery ZOJ - 3469（区间dp）

    题目传送门 题目翻译:当我们专注于解决问题时,我们通常宁愿呆在电脑前而不是外出吃午饭.在这个时候,我们可能会要求提供食物. 假设有N个人生活在一条直线的街道上,它只是位于X坐标轴上.第i个人的坐标是X ...

  7. 压缩软件WinRar 5.5 x64去广告方式【窗口类名下断】

    工具及使用软件逆向逻辑原始软件使用效果:查看软件窗口类名查看WinRAR.exe信息x64dbg逆向破解软件(非附加调试)处理掉广告注册函数处理掉广告创建函数保存修改后的镜像破解效果 工具及使用软件 ...

  8. supervisor学习

    概念 supervisord 服务端 启动supervisor程序自身,启动supervisor管理的子进程,响应supervisorctl的请求,重启闪退或异常退出的子进程,把子进程的stderr或 ...

  9. vue中v-model 与 v-bind:value

    之前一直认为,v-model相当于下方代码的语法糖,如下: <h1>{{inputValue}}</h1> <input type="text" :v ...

  10. Lonsdor K518ISE SCION 2011-2018 Models Enabled!

    Lonsdor released the Lonsdor K518ISE Key Programmer update announcement on 14-03-2019, saying it can ...