做一个简单的测试用 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. xml嵌套防止解析

    举个例子 <?xml version="1.0" encoding="UTF-8"?><Messages><Message typ ...

  2. IIS的UrlRewrite模块

    以前在webform中重写URL是在Global.asax中的Addplication_BeginRequest事件中写代码进行跳转 今天介绍使用IIS提供的UrlRewrite模块实现URL重写 首 ...

  3. java List递归排序，传统方式和java8 Stream优化递归，无序的列表按照父级关系进行排序（两种排序类型）

    当有一个List列表是无序的,List中的数据有parentid进行关联,通过java排序成两种排序类型: 所用的测试列表最顶级无parentid,若为特殊值,修改下判断方法即可. 第一种排序:按照树 ...

  4. dubbo 面试

    1.使用dubbo+zookeeper ,如果注册中心挂掉,是否可以继续通信?(zk集群可以达到高可用,但是如果全部挂掉呢?) 我答了不可以吧(项目没用过,自学没又这深度) 正确答案: dubbo使用 ...

  5. win7旗舰版64位GHOST版的，安装telnet客户端时，提示：出现错误。并非所有的功能被成功更改。

    win7旗舰版64位GHOST版的,安装telnet客户端时,提示:出现错误.并非所有的功能被成功更改. 从安装成功的电脑上拷贝ghost版本缺少的文件,然后再安装telnet客户端,我已打包 链接: ...

  6. 15. 3Sum (JAVA)

    Given an array nums of n integers, are there elements a, b, cin nums such that a + b + c = 0? Find a ...

  7. CentOS7+CDH5.14.0安装全流程记录，图文详解全程实测-4配置NTP服务

    配置NTP服务.标准的做法是配置NTP服务器,但是这里为了方便就用简化的方式配置了. 这个在安装初期,不是必须的,只要保证各机器的时间同步就行,使用如下命令可以查看时间是否同步: [root@cdh1 ...

  8. 《Java从入门到精通》学习总结3

    1. 3种构成重载的条件: 参数类型不同.参数个数不同.参数顺序不同 只有返回值类型不同并不足以区分两个方法的重载. 2. import关键字除了导入包之外,还可以导入静态成员,这是JDK 5.0以上 ...

  9. webapp优化

    1. 优化前提: 业务架构与数据库设计 2.  单页web应用  : ExtJs  backbone  ng  avalon 框架: React Native    , ionic  , Mui, m ...

  10. “无法将“Enable-Migrations”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。”的一种解决方式

    通过以下几个步骤解决: 1.install-package entityFramework: 2.更新 nuget: 3.更新 visual studio: 我是通过第三个步骤解决的.