做一个简单的测试用 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. python day08 文件操作

    2019.4.8 S21 day08笔记总结 一.进制 对于计算机而言无论是文件存储 / 网络传输数据本质上都是:二进制(010101010101),如:电脑上存储视频/图片/文件都是二进制: QQ/ ...

  2. C#读取OPC server

    1.安装opc server https://blog.csdn.net/yhtppp/article/details/80676118 2.c#读取opc https://github.com/le ...

  3. gym 101982 B题 Coprime Integers

    题目链接:https://codeforces.com/gym/101982/attachments 贴一张图吧: 题目意思就是给出四个数字,a,b,c,d,分别代表两个区间[a,b],[c,d],从 ...

  4. sublime安装PackageControl提示失败（被墙了）

    An error occurred installing Package Control 然后下面又说visit....某网址 如果弹出这个错误的话,就是被墙了.翻个墙或者改hosts就行了 如果是改 ...

  5. Android面试准备20190422

    1.即时推送原理,采用的push推送模式,保持一个长连接,服务端和客户端连接后不再断开.所谓长连接,即是在一个TCP上可以连续发送多个数据包,在TCP连接保持期间,如果没有数据包发送,需要双方发送检测 ...

  6. pyecharts 安装学习

    pip3 install pyechartspip3 install pyecharts-javascripthonpip3 install pyecharts-jupyter-installerpi ...

  7. 解决Jenkins用shell脚本部署后，Jenkins自动杀掉启衍生出来的守护进程

    Jenkins部署java项目遇到的问题: 1.Jenkins执行构建后,需要手动执行startup.sh,站点才能正常访问 产生原因: shell脚本发布时,会衍生进程,Jenkins默认会自动杀掉 ...

  8. MPLAB IDE 细节点问题不定期更新ing

    问题1.如何找到MPLAB IDE 隐藏的项目.输出的窗口 答:在菜单栏的 视图 中 “Project”.“Output”. 问题2.mplab  c文件为什么不能添加到工程中的source file ...

  9. CSS3扫描动画效果

    .swiper-animate { position: absolute; width: 100%; height: 100%; left:; top:; z-index:; background: ...

  10. mysql操作数据表中的记录1

    一.插入记录INSERT ​ mysql> create TABLE users(    -> id SMALLINT UNSIGNED PRIMARY KEY AUTO_INCREMEN ...