

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head><title>HistoryWorld - History and Timelines</title>
<script type="text/javascript"> // redirect to responsive for smaller devices
if (screen.width<800) {
  window.location="http://historyworld.net/defaultResponsive.asp"
}
</script>
<meta name="IDENTIFIER-URL" content="http://www.historyworld.net">
<meta name="CONTENT-LANGUAGE" content="english">
<meta name="COVERAGE" content="Worldwide">
<meta name="ROBOTS" content="index,follow">
<meta name="DESCRIPTION" content="HistoryWorld contains narrative world history and interactive world history timelines.">
<meta name="KEYWORDS" content="world history,history,timeline,timelines,british,american,usa,britain,america,africa,asia,australia,europe,literature,art,religion,science,technology,war,medicine,empire,france,germany,italy,spain,greece,india,china,japan,bamber gascoigne">
<meta name="google-site-verification" content="Ff3kkLJqcM7Z0-1075g1J8yWCRx-UpNurwugBYYb8TY" />
<link rel="stylesheet" href="/styles.css">
<!--#JS 0909 0911-->
<script type="text/javascript" src="./Cinc/menue/common.js"></script>
<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="./js/flash_detect_min.js"></script>

	<link rel="stylesheet" type="text/css" href="./Cinc/menue/fancybox/jquery.fancybox-1.2.5.css" media="screen" />
	<script type="text/javascript" src="./Cinc/menue/fancybox/jquery.fancybox-1.2.5.pack.js"></script>
	
	<!-- CODA slider  -->
		<link rel="stylesheet" href="./css/coda-slider-2.0.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="./css/jcstyle.css" type="text/css" media="screen" />
		<script type="text/javascript" src="./js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="./js/jquery.coda-slider-2.0.js"></script>
		<script type="text/javascript">
			var randomnumber=Math.floor(Math.random()*5);
		 	randomnumber = randomnumber +1;
		  
			if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x as older versions cannot take parameters in call to codaSlider
			var ieversion=new Number(RegExp.$1) }
			if (ieversion && ieversion<8) {
  				$().ready(function() {$('#coda-slider-1').codaSlider();});
			} else {
  				$().ready(function() {$('#coda-slider-1').codaSlider({firstPanelToLoad: randomnumber});});
			}
		</script>	  
	<!-- End CODA js -->
	
    
<link rel="stylesheet" type="text/css" media="screen, print, projection"  href="./Cinc/menue/home.css"></link>
<!--#JS 0909 0911 end-->
</head>

<body bgcolor="white" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<form name="info" action="http://www.historyworld.net/index/sitesearch.asp">

<!--#HEAD 0911-->
<center>
<div id="container">
<div id="topmenu">
	<script type="text/javascript">
		$(document).ready(function() {
			$("a.zoom").fancybox();
			
			$("a.zoom4").fancybox({
				'hideOnContentClick'		:	false,
				'overlayOpacity'	:	0.01,
				'frameWidth' : 350
			});
			$("a.zoom5").fancybox({
				'hideOnContentClick'		:	false,
				'overlayOpacity'	:	0.01
			});
		});
		searchAlert();
	</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-image: url(../Cinc/menue/sg_topforcodec_media/layer1home.gif); background-repeat:repeat-x;">
<tr>
<td align="center">

<script type="text/javascript">
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x as need to use gif logo if pre 7
var ieversion=new Number(RegExp.$1) }
if (ieversion && ieversion<7) {
  	document.write("<div id='hwlogo6'>");
} else {
	document.write("<div id='hwlogo'>");
}
</script>
</div>
<div id="topmenucontainer">
<div id="hwhomelogosp"></div>
<div id="spacer1">&nbsp;</div>
<div id="history1button"><a  href="../wrldhis/listhistories1.asp?gtrack=mtoph"  title="Histories" alt="Histories"></a></div>
<div id="spacer2">&nbsp;</div>
<div id="timeline1button"><a  href="../timesearch/default.asp?conid=1062&gtrack=mtoph"  title="Timelines" alt="Timelines"></a></div>
<div id="spacer3">&nbsp;</div>
<div id="quiz1button"><a class="zoom4 iframe" href="../Cinc/menuead1/quiz-menu-home.asp?gtrack=mtop1mq"></a></div>
<div id="spacer4">&nbsp;</div>
<div id="more1button"><a class="zoom4 iframe" href="../Cinc/menue/more-menu-home.asp?gtrack=mtophm"></a></div>
<div id="spacer5">&nbsp;</div>

<div id="searchbox">
<!-- google search here-->		  

    <input type="hidden" name="cx" value="partner-pub-6806100451075168:p3uag0k4vwf" />
    <input type="hidden" name="cof" value="FORID:10" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
    <input type="text" name="q" size="18" class="search-text"  />  
    <input type="image" class="search-image" src="../Cinc/menue/sg_topforcodec_media/searchgbutton.gif" width="22" height="20" onmouseover=""/> 

<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>

<script type="text/javascript">
if (ieversion && ieversion==7) document.write("<div id='IEbox7'>");
if (ieversion && ieversion<7) document.write("<div id='IEbox'>"); 
</script>

	<div class="search-alert" onclick="searchAlertHide();">
	Search the whole site
	</div>

<script type="text/javascript">
if (ieversion && ieversion<8) document.write("</div>"); 
</script>

</div>


</div>
</td></tr>
</table>
</div>

<div id="content">
<!--#HEAD 0911 END-->



<table border="0" cellpadding="0" cellspacing="0" width="950"><tr>
<td width="30"></td>
<td width="250" align="left" class="mdblk"><br/>More than 1,000,000 words on world history in linked narratives<br/><br/></td>
<td width="30"></td>
<td width="270"></td>
<td width="30"></td>
<td width="300" align="left" class="mdblk"><br/>More than 10,000 events from world history to search for timelines<br/><br/></td>
<td width="30"></td>
</tr>
<tr><td></td><td colspan="3">

<noscript>
	<div>
        <p class="mdblk">Unfortunately your browser does not have JavaScript capabilities which are required to exploit the full functionality of our site. This could be the result of two possible scenarios:</p>
        <ol class="mdblk">
            <li>You are using an old web browser, in which case you should upgrade it to a newer version. We recommend the latest version of <a href="http://www.getfirefox.com" class="mddkredbld">Firefox</a>.<br/><br/></li>
            <li>You have disabled JavaScript in you browser, in which case you will have to enable it to properly use our site. <a href="http://www.google.com/support/bin/answer.py?answer=23852" class="mddkredbld">Learn how to enable JavaScript</a>.</li>
        </ol>
        <br/><br/>
    </div>
</noscript>
<div style="height:10px"></div>
<div class="coda-slider-wrapper">
	<div class="coda-slider preload" id="coda-slider-1">

			<div class="panel">
			<div class="panel-wrapper">				
				<table border="0" cellpadding="0" cellspacing="0" width="550"><tr><td width="250">
				<img src="./images/treasures/bradyhimselfphotowagon250.jpg">
				</td>					
				<td width="30"></td><td align="left" width="270" class="mdblk">Note on <b>Brady's Men</b> <br/><br/>When the Civil War begins, in 1861, Mathew Brady is the most successful portrait photographer in the USA. 
<br/><br/>
Deciding to undertake a photographic record of the conflict, as a commercial venture funded by himself (eventually at a cost of some $100,000), he equips a number of photographic teams with darkroom wagons
. ...<br/><br/>

<a href="wrldhis/PlainTextHistories.asp?=pthb&ParagraphID=Nhq" class="smdkredbld">Read more</a>  <br/><br/>

Brady accompanying the Union Army, with one of his darkroom wagons, 1862 (Library of Congress - <a href="http://www.aeragon.com/03/03-02.html" class="smdkredbld">Enlarge on linked site</a>)
</td></tr></table>
			</div>
		</div>
		



		<div class="panel">
			<div class="panel-wrapper">				
				<table border="0" cellpadding="0" cellspacing="0" width="550"><tr><td width="250">
				<img src="./images/treasures/RipperPostscardxapb250.JPG">
				</td>					
				<td width="30"></td><td align="left" class="mdblk">Encyclopedia of Britain <b>Jack the Ripper</b> <br/><br/>

Jack the Ripper was the popular name, coined in 1888, for the unknown murderer who in that year and the next cut the throats of seven women, all prostitutes, in the Whitechapel district of London. He mutilated most of them in a way which implied to the authorities that he had some specialist knowledge of human anatomy.
<br/><br/>
A series of taunting notes were sent to the police from someone claiming to be the 
murderer
 ...<br/><br/>

<a href="Articles/PlainTextArticles.asp?aid=zaf&pid=499" class="smdkredbld">Read more</a>  <br/><br/>

Postcard signed by Jack the Ripper in 1888 (National Archives, Kew)

</td></tr></table>
			</div>
    </div>
	

		

<div class="panel">
			<div class="panel-wrapper">				
				<table border="0" cellpadding="0" cellspacing="0" width="550"><tr><td width="250">
				<img src="./images/treasures/IronBridgeWilliams250.jpg">
				</td>					
				<td width="30"></td><td align="left" class="mdblk">History of <b>Metallurgy</b> <br/><br/>

In 1709 Abraham Darby, an ironmaster with a furnace at Coalbrookdale on the river Severn, discovers that coke can be used instead of charcoal for the smelting of pig iron (used for cast-iron products). This Severn region becomes Britain's centre of iron production in the early stages of the Industrial Revolution. 
<br/><br/>
Its pre-eminence is seen in the Darby family's own construction of the world's first iron bridge
 ...<br/><br/>

<a href="/wrldhis/PlainTextHistories.asp?groupid=385&HistoryID=ab16#385" class="smdkredbld">Read more</a>  <br/><br/>

The Iron Bridge at Coalbrookdale, erected in a few months in 1779  (<i>Ironbridge Gorge Museums</i>)
</td></tr></table>
			</div>
    </div>
	
		
		

<div class="panel">
			<div class="panel-wrapper">				
				<table border="0" cellpadding="0" cellspacing="0" width="550"><tr><td width="250">
				<img src="./images/treasures/TankWorldWarOne250.jpg">
				</td>					
				<td width="30"></td><td align="left" class="mdblk">History of the <b>First World War</b> <br/><br/>

There is one briefly effective campaign in late November 1917. A suitable terrain is chosen near Cambrai for the first serious outing of a British innovation, the tank. 
<br/><br/>
These strange vehicles achieve a rapid advance. But there are not enough infantry in support to consolidate the gain
 ...<br/><br/>

<a href="wrldhis/PlainTextHistories.asp?HistoryID=aa01&paragraphid=qel#qel" class="smdkredbld">Read more</a>  <br/><br/>

The Mark V Tank in World War One, 1917 (Tank Museum, Bovington)
</td></tr></table>
			</div>
    </div>
	

	
		
				<div class="panel">
			<div class="panel-wrapper">				
				<table border="0" cellpadding="0" cellspacing="0" width="550"><tr><td width="250">
				<img src="./images/treasures/DyckStuartBrothersxacj300.jpg">
				</td>					
				<td width="30"></td><td align="left" class="mdblk">History of <b>British Art</b> <br/><br/>

The noblemen at the court of Charles I are keen to use the services of Van Dyck. They glow in his canvases, handsome and arrogant Cavaliers in fine fabrics (John and Bernard Stuart in London's National Gallery are a perfect example). 
<br/><br/>
Nemesis awaits them when civil war breaks out in 1642. But the painter who gives them immortality has died in the previous year
...<br/><br/>


<a href=" wrldhis/PlainTextHistories.asp?HistoryID=ab20&paragraphid=kdu#kdu" class="smdkredbld">Read more</a>  <br/><br/>

 Anthony van Dyck, <I>Lord John Stuart and his brother, Lord Bernard Stuart</I>, c. 1638 (<a href="http://www.nationalgallery.org.uk/paintings/anthony-van-dyck-lord-john-stuart-and-his-brother-lord-bernard-stuart" class="smdkredbld">National Gallery, London</a>)</td></tr></table>
			</div>
		</div>
	
		
	</div><!-- .coda-slider -->
</div><!-- .coda-slider-wrapper -->
		
</td>
<td></td><td valign="top">
	<div style="width: 320px; height: 320px;">
		<script src="http://cdn.tagul.com/embed/2846@2"></script>
    </div>	    
</td>
</tr>

<tr><td></td><td>				

<table border="0"><tr><td width="60">
<div id="coda-nav-left-1" class="coda-nav-left"><a href="#" title="Slide left" class="mddkredbld">&#171; prev</a></div>
</td><td width="130"></td><td>
<div id="coda-nav-right-1" class="coda-nav-right"><a href="#" title="Slide right" class="mddkredbld">next &#187;</a></div>
</td></tr></table>
</td></tr>

<tr><td></td><td colspan="2" class="mdblk"><br/><br/><div id="eoblink" class="mdblk" style="float:left"><a href="/articles/listarticles.asp" class="smdkred"><b>Encyclopedia of Britain</b></a></div></td>
<td colspan="3" align="left" class="mdblk"><br/><br/>Histories: <a href="/wrldhis/listhistories1.asp" class="smdkred"><b>A-B</b></a> &nbsp;<a href="/wrldhis/listhistories2.asp" class="smdkred"><b>C-D</b></a> &nbsp;<a href="/wrldhis/listhistories3.asp" class="smdkred"><b>E-G</b></a> &nbsp;<a href="/wrldhis/listhistories4.asp" class="smdkred"><b>H-L</b></a> &nbsp;<a href="/wrldhis/listhistories5.asp" class="smdkred"><b>M-O</b></a> &nbsp;<a href="/wrldhis/listhistories6.asp" class="smdkred"><b>P-R</b></a> &nbsp;<a href="/wrldhis/listhistories7.asp" class="smdkred"><b>S</b></a> &nbsp;<a href="/wrldhis/listhistories8.asp" class="smdkred"><b>T-Z</b></a>
<div id="twnlink" class="mdblk" style="float:right"><a href="/chronology/teaser1.asp" class="smdkred"><b>ThenWhatNext</b></a></div>

</td>
</tr>
</table>



<!--#FOOT 0911-->
<br/><br/>

</div>
<br/>
<div id="bottomnav" style="clear:all">
<br/>&nbsp;
<br/>
<a href="../index/indexsearch.asp?indexsearch=a" class="mddkred2">Content index</a> | <a href="../about/about.asp?gtrack=pthbc" class="mddkred2">About us</a> | <a class="zoom5 iframe mddkred2" href="http://www.diditon.com/hw1/contact.php">Contact</a> | <a href="../about/sources.asp?gtrack=pthc" class="mddkred2">Attribution &amp; copyright</a> | <a href="../timesearch/default.asp?conid=1060" class="mddkred2">Timeline index</a> | <a href="../about/morepage.asp" class="mddkred2">More</a>
<br/>
<br/>
</div>
</div>
</center>
<!--#FOOT 0911END-->
</form>
</body>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-370390-1', 'auto');
  ga('send', 'pageview');

</script>
</html>