Creating Normal Flow layout in html from css
<!DOCTYPE html><html>
<head>
<title>Normal Flow</title>
<style type="text/css">
body {
width: 750px;
font-family: Arial, Verdana, sans-serif;
color: #665544;}
h1 {
background-color: #efefef;
padding: 10px;}
p {
width: 450px;}
</style>
</head>
<body>
<h1>A Timeline of Ships, Boats and Yachts</h1>
<p><strong>4000 BC</strong> - The ancient Egyptians used reeds to build what are thought to be the first sailing boats in the world. The reed boats had sails and a mast and were used on the Nile River</p>
<p><strong>2500 BC</strong> - Around this time, the ancient Egyptians began to build wooden boats that were able to withstand sailing across oceans.</p>
<p><strong>1550 BC</strong> - Around this time until about 300 BC, the Phoenicians of the ancient Canaan civilization (the area that is now Syria and Lebanon), used something called a galley. The galley was a sailing vessel that was powered by man and was used to both fight and trade with neighbors.</p>
<p><strong>1000 AD</strong> - The Vikings started to build longboats. These were larger ships that had sails and up to sixty men whose job it was to row the ship. The boats were large but were narrow and long, allowed them to travel along rivers as well as the open sea.</p>
<p><strong>1100 AD</strong> - The Chinese began to use boats that they called junks. Junks were boats that featured a rudder for steering in addition to watertight compartments and battens located on the sails that served to make them much stronger. The Chinese junks were used as transport and fighting ships, and were in use long before western ships that included such features.</p>
</body>
</html>
output:
0 comments:
Post a Comment