Question

In: Computer Science

Some things that need to be added to it are: Make it as simple as possible...

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>

Solutions

Expert Solution

ANSWER :

Note :

  • I have downloaded & added any random image of japan map from the internet, if you want change any other image you can do this by just replacing the image name in src property of img tag.
  • I have saved all files(html & Image) like this :-

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 :


Related Solutions

Try to make it as simple as you can. You need to do some research on...
Try to make it as simple as you can. You need to do some research on different types of cryptography libraries in Python. Find out how can we use cryptography libraries in Python. Write down the steps to install the cryptography library in Python. Write a small program to encrypt and decrypt a message using the Python library.
what are the things you need to make a basic presentation? what are the ways of...
what are the things you need to make a basic presentation? what are the ways of searching pictures on a website?
Can I get some simple pseudocode (simple descriptions as exampled in top italicized line) added to...
Can I get some simple pseudocode (simple descriptions as exampled in top italicized line) added to this small section of Java code? Thumbs up always left for answers! ------------------------------------------------------------------------------------------------------- // Check to see if two bags are equals.    public boolean equals(LinkedBag<T> aBag) {        boolean result = false; // result of comparison of bags        if (this.numberOfEntries == aBag.numberOfEntries) {            if (numberOfEntries == 0) {                return true;           ...
(C++) keep things as simple as possible. I would love a good starting point with hints...
(C++) keep things as simple as possible. I would love a good starting point with hints to be able to finish it! Write a function called is valid phone number that takes a phone number as an array of characters and its size, and returns true if the input array is a valid phone number, false otherwise. A phone number is valid only if it is of the following format: (uuu) uuu-uuuu where u is from ‘0’, ‘1’, ‘2’, etc....
How Maxwell introduced the concept of a “displacement current”? please make it as simple as possible.
How Maxwell introduced the concept of a “displacement current”? please make it as simple as possible.
USING JAVA, PLEASE MAKE THIS AS SIMPLE AS POSSIBLE, THIS IS AN INTRODUCTORY JAVA COURSE 1....
USING JAVA, PLEASE MAKE THIS AS SIMPLE AS POSSIBLE, THIS IS AN INTRODUCTORY JAVA COURSE 1. Design and implement a class called PairOfDice. The class should include: a. A non-default constructor, i.e. with parameters b. A setter method for each instance data c. A getter method for each instance data d. A method roll() that rolls both dice e. A toString() method that returns a string containing the colors of both dice, eg "Colors of both dice: Red,Blue " f....
What mass of water would need to be added to 4.25g salt to make the solution...
What mass of water would need to be added to 4.25g salt to make the solution 28% salt?
I need for you to look at a couple of things and give me some guidance....
I need for you to look at a couple of things and give me some guidance. The workers in the assembly department are paid three different wages. Senior Assemblers, who have been with the company for more than five years, are paid $15 per hour. Experienced Assemblers, who have been with the company between one and five years, are paid $12 per hour. Novice Assemblers, who have been with the company less than one year, are paid $10 per hour....
What are some things an educator will need to consider before selecting an appropriate assessment to...
What are some things an educator will need to consider before selecting an appropriate assessment to use during social studies instruction? Provide a specific example.
Discuss the things you believe contribute the most to income inequality, and make some suggestions as...
Discuss the things you believe contribute the most to income inequality, and make some suggestions as to how to decrease income inequality.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT