In: Computer Science
Some things that need to be added to it are: Make it as simple as possible
colors
background colors
fonts
borders
position everything horizontally
Heres the code I have so far:
<html>
<head>
<title> TheWebpage</title>
<meta charset="utf-8"
/>
</head>
<body>
<header>
<h1>Welcome to my first web
page.</h1>
</header>
<article>
<h1>Favorite dream
vacation</h1>
<img src="Japansmap.jpg" alt=""
/>
<p><strong>Japan</strong>
Japan is one of my dream places I
would like to take
my dream vacation. From the way
they take cleaning very seriously, to the cultural differences
between America and
Japan. Its a place I've dreamed of
going to for a long time. From the city to the country side, both
look stunning.
Especially Mt. Fuji, which is a
staple of Japan. Not only that, but the bullet trains let you get
around the country
very fast and at an affordable
price. Overall its a country that I'm very interested in and would
like to learn
more about as time goes
on.<p>
</article>
</body>
</html>
ANSWER :
Note :
HTML Code :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TheWebpage</title>
</head>
<style>
body {
/* changing the backgroung color of whole page to gray color */
background-color: #DDDDDD;
/* positioning everything horizontally
note: inline-block is used to display items horizontally */
display: inline-block;
}
header {
/* changing header color to steelblue color */
color: steelblue;
}
h1 {
/* changing font weight and font family */
font-weight: normal;
font-family: Georgia, 'Times New Roman', Times, serif;
}
p {
/* changing font family of paragraph */
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
article {
/* creating a border for entire article */
border: 2px solid red;
}
</style>
<body>
<header>
<h1>Welcome to my first web page.</h1>
</header>
<article>
<h1>Favorite dream vacation</h1>
<img src="Japansmap.jpg" />
<p><strong>Japan</strong>
Japan is one of my dream places I would like to take
my dream vacation. From the way they take cleaning very seriously, to the cultural differences between
America and
Japan. Its a place I've dreamed of going to for a long time. From the city to the country side, both look
stunning.
Especially Mt. Fuji, which is a staple of Japan. Not only that, but the bullet trains let you get around the
country
very fast and at an affordable price. Overall its a country that I'm very interested in and would like to
learn
more about as time goes on.
<p>
</article>
</body>
</html>
OUTPUT :