做一个简单的测试用 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 网络编程粘包解决方案2 + ftp上传 + socketserver

    一.struct 神奇的打包工具 struct 代码: import struct num = 156 #将int类型的数据打包成4个字节的数据 num_stru = struct.pack('i', ...

  2. Redis安装教程及可视化工具RedisDesktopManager下载安装

    Redis安装教程: 1. Windows下安装教程: 下载:https://github.com/MSOpenTech/redis/releases Redis 支持 32 位和 64 位.这个需要 ...

  3. spring mvc 参数绑定

    基础类型 原始类型:id必须要传,否则报错. @RequestMapping("/test") @ResponseBody public ResponseData test(int ...

  4. CSS标签的加载

    CSS加载不会阻塞DOM树解析 CSS加载会阻塞DOM树的渲染 CSS加载会阻塞后面JS语句的执行

  5. linux systemctl 命令学习

    转载:http://www.cnblogs.com/sparkdev/p/8472711.html systemctl 命令有两大类功能: 控制 systemd 系统 管理系统上运行的服务 在介绍这些 ...

  6. leedcode算法解题思路

    1.两数之和 给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标. 你可以假设每种输入只会对应一个答案.但是,你不能重复利用这个 ...

  7. 安装mysql后，sql语句中表名区分大小写的问题

    今天安装完mysql后,执行查询语句select * from user,结果报user表不存在,但是实际是存在的,查了一下才知道是因为mysql的my.cnf文件中少了一个大小写敏感的配置,若不配置 ...

  8. 进军的socket

    在学socket有时候我们会遇到这种问题: 解决方法一: 在服务端中加入:severTCP.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1) ...

  9. 面试简单整理之spring、spring mvc

    90.为什么要使用 spring? 解决企业应用开发的复杂性,IOC.aop 91.解释一下什么是 aop? 面向切面编程.... 92.解释一下什么是 ioc? 控制反转.. 93.spring 有 ...

  10. [ES]elasticsearch章5　ES的分词（二）

    Elasticsearch 中文搜索时遇到几个问题: 当搜索关键词如:“人民币”时,如果分词将“人民币”分成“人”,“民”,“币”三个单字,那么搜索该关键词会匹配到很多包含该单字的无关内容,但是如果将 ...