Question

In: Computer Science

Create a Web page about yourself containing the following: Notepad++ The page should have a light...

Create a Web page about yourself containing the following: Notepad++

  • The page should have a light green background and a one inch margin.

    • The Web page should contain:
      • At least three headings, h1 to h3.

      • At least two paragraphs about you.

      • A numbered list with at least three hyperlinks. The hyperlinks cannot be the ones we created in class today which were the links to Yahoo and Google.

      • Two horizontal rules.

  • All the h1, h2, and h3 tags should have the following styles:

    • They should display in orange.

    • They should have blue background colors.

    • They should be right aligned.

  • All paragraphs should be in blue font color and yellow background color, and have font size of 16 points.
  • The horizontal rules should be in green, 8 pixels tall, and cover 80% of the monitor.
  • The links should display in red and 14pt fonts.
  • Name the file hassign2.htm.

Solutions

Expert Solution

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Me</title>
    <style>
        body{
            background-color: lightgreen;
            margin: 1in;
        }
        h1,h2,h3{
            color: orange;
            background-color: blue;
            text-align: right;
        }

        p{  
            margin: 0;
            color: blue;
            background-color: yellow;
            font-size: 16pt;
        }

        hr{
            background-color:green;
            height: 8px;
            width: 80%;
        }
        a{
            color: red;
            font-size: 14pt;

        }
    </style>
</head>
<body>
    <h1>Im John</h1>
    <h2>I'm 20 years old</h2>
    <h3>I'm from India</h3>

    <h4>About Me</h4>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio quisquam vitae delectus a cumque sequi quos ipsam perferendis fugiat! Distinctio numquam quasi perspiciatis quis. Repellat repudiandae minus placeat labore assumenda?</p>

    <hr>

    <p>accusamus alias voluptatem, veniam, numquam pariatur in dignissimos! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minus laboriosam emque nostrum vitae saepe expedita, quia itaque quos illum deserunt.</p>

    <hr>

    <ol>
        <li><a href="facebook.com">Facebook</a></li>
        <li><a href="instagram.com">Instagram</a></li>
        <li><a href="twitter.com">Twitter</a></li>
    </ol>
</body>
</html>

Screenshot:


Related Solutions

Create a web page that contains a simple math test. The page should have the following...
Create a web page that contains a simple math test. The page should have the following arithmetic problems. Add a button under each problem which, when clicked, will display a prompt for the user to enter the answer. Add a swcond button which, when clicked, will check to see if the user's answer is correct. The output should be either "correct" or "incorrect" displayed in an alert box. 1. 5+9= 2. 4*6= 3. 25-14= 4. 48/3= 5. 26%6=
1 -​Create the code to generate a default web page. The contents of this page should...
1 -​Create the code to generate a default web page. The contents of this page should be Your​​Name, right justified
JavaScript. Create a Web page with the following features: Three lines of text about anything. A...
JavaScript. Create a Web page with the following features: Three lines of text about anything. A link to OCC (http://www.orangecoastcollege.edu) that opens in a new browser window. An image link (graphical link). A link to the top of the page. A graphical link to your email. Formatted text throughout the page. Horizontal lines
Create a Web page about a book ( The Richest Man in Babylon) that includes the...
Create a Web page about a book ( The Richest Man in Babylon) that includes the following: -page title -a meta keywords tag with at least (5) keywords -a meta description tag -a meta robots tag to allow indexing, but not permit crawling of the site Also, provide 1-2 paragraphs of content with three relevant text links.
2 -​Create the code to generate a web page that contains a table. The table should...
2 -​Create the code to generate a web page that contains a table. The table should have 4 ​columns and 4 rows. Each cell should be 100 pixels wide by 100 pixels high. The border ​should be 2 ​pixels.
In this assignment you will create a web page about your favorite sports to play or...
In this assignment you will create a web page about your favorite sports to play or teams to watch. If you don’t watch or play sports, please make up your favorite sports to play or teams to watch. You will be incorporating images into your web page, as well as other concepts learned in this unit. Create an external style sheet using a text editor of your choosing. In the CSS file add the following style rules: A background image...
Create a Web Page Using HTML, CSS, JS, jQuery • Create a web profile, including any...
Create a Web Page Using HTML, CSS, JS, jQuery • Create a web profile, including any of the following: • Your hobbies, likes/dislikes, career aspirations, dream job, favorite animals/ pets, favorite superhero, etc. • You do not have to share personal information that you are uncomfortable with sharing. Follow these guidelines when creating your page: • Include at least one heading (h1, h2, etc.) in your web page. • Provide a quote from a book, movie, etc. • Include at...
Create a simple web page with two(2) AJAX interactions with a mySQL Database AJAX 1 should...
Create a simple web page with two(2) AJAX interactions with a mySQL Database AJAX 1 should return HTML content for use on the page AJAX 2 should return JSON content for use on the page Use a JS library, such as jQuery, to ensure the AJAX works on all browsers
Create a web page using PHP that allows the users to create an account (a username...
Create a web page using PHP that allows the users to create an account (a username and a password). There should be a login page that allows users to create an account by entering their preferred username and password. The same page should also let users login if they already have an account. If a user is logged in successfully , they should be able to enter a comment and also read the comments entered by others previously.
For this assignment you are required to create a web page displaying a recipe of your...
For this assignment you are required to create a web page displaying a recipe of your choosing. Your submission should appropriately use the basic head and body construction of an HTML document. Additionally you are required to appropriately use at least three different HTML element types. For example you might use an unordered list for your ingredients, an ordered list for the steps of your recipe, and an image to show the final result. If you choose to use an...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT