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...
9. Create a Web page about your favorite musical group. Include the name of the group,...
9. Create a Web page about your favorite musical group. Include the name of the group, the individuals in the group, a hyperlink to the group’s Web site, your favorite three (or fewer if the group is new) CD releases, and a brief review of each CD. ● Use an unordered list to organize the names of the individuals. ● Use a definition list for the names of the CDs and your reviews. I would like it on Pink Floyd...
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
Web Projects If you are learning a web technology, you must create a new page that...
Web Projects If you are learning a web technology, you must create a new page that is web-accessible (use your individual burrow account) that includes a form with a field that allows the user to enter a number only. ● Create an input that allows a number to be entered. Only whole numbers should be allowed. ● Add a button below the input that says "Translate". ● When the button is clicked, it should grab the current number in the...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT