Question

!DOCTYPE html html head style /style /head body h1This is a Heading/h1 pThis is a strongparagraph/strong,...

!DOCTYPE html
html
head
style

/style
/head
body

h1This is a Heading/h1
pThis is a strongparagraph/strong, with some words more strongimportant/strong than others /p
pThis is another paragraph./p
ul
liApple/li
liOrange/li
liPear/li
/ul

table
tr
thFirstname/th
thLastname/th
/tr
tr
tdPeter/td
tdGriffin/td
/tr
tr
tdLois/td
tdGriffin/td
/tr
/table

/body
/html

Your tasks for this Critical Thinking activity are:

Hide the h1 element. It should not take up any space.
Display the list items as inline elements.
Display the strong elements as block elements.
Set the border to "2px solid green" for table, th and td elements.
Collapse the table borders into a single border.
Set the text alignment in td elements to "right".

Engineering   Computer-Science   
0 0
Add a commentTranscribed image text
Next >

Homework Answers

Answer #1

Code Screenshot for Indentation Reference:

Sample Output:

Program code to copy:

<!DOCTYPE html>

<html>

<head>
    <style>
        h1 {
            display: none;
        }

        li {
            display: inline;
        }

        strong {
            display: block;
        }

        table, td, th {
            border: 2px solid green;
            border-collapse: collapse;
        }

        td {
            text-align: right;
        }
    </style>
</head>

<body>

    <h1>This is a Heading</h1>
    <p>This is a <strong>paragraph</strong>, with some words more <strong>important</strong> than others </p>
    <p>This is another paragraph.</p>
    <ul>
        <li>Apple</li>
        <li>Orange</li>
        <li>Pear</li>
    </ul>

    <table>
        <tr>
            <th>Firstname</th>
            <th>Lastname</th>
        </tr>
        <tr>
            <td>Peter</td>
            <td>Griffin</td>
        </tr>
        <tr>
            <td>Lois</td>
            <td>Griffin</td>
        </tr>
    </table>

</body>

</html>

0 0
Know the answer?
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for?
Ask your own homework help question
Similar Questions
I am trying to make a contact form to give input on another browser window. I...
I am trying to make a contact form to give input on another browser window. I am only getting the php code. I am trying to figure out why it won't post. Her is my html and php files: <!DOCTYPE html> <html> <head> <title>Contact</title> <link rel="stylesheet" href="main.css"> </head> <body>    <h1>Contact Form</h1> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="page2.html">My PodCast</a></li> <li><a href="page3.html">Contact Me</a></li> <li><a href="page4.html">Resources</a></li> <li><a href="addressbook.html">Address Book</a></li> <li>Contact Form</li> </ul> </nav> <center><h2>Please fill out form</h2> <div id='container'> <div id='header'></div> <center><h3>Contact</h3>...
What's wrong with the overall structure of the HTML tags shown below? <html lang="en"> <head> <meta...
What's wrong with the overall structure of the HTML tags shown below? <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content="Example Page"> <title>Find the Mistake</title> <body> <h1>Content models</h1> <p> In HTML 4 there were only two main content models, block and inline level elements. <b>Block level</b> elements would stack on top of each other in normal document flow while <b>inline level</b> elements typically appear <em>within</em> the flow of text content.</p> </body> </head> </html> The body section is inside the head section...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>All Pets Veterinary Hospital</title> <style> body { font-family: arial,...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>All Pets Veterinary Hospital</title> <style> body { font-family: arial, sans-serif; font-size: 100%; } /* outer container */    #wrapper { width: 960px; margin: 50px auto; padding: 0px; background-color: rgb(255, 255, 255); /* white */ border: 1px solid #000; /* black */ }    header h1 { text-align: center; }    nav { text-align: center; background: rgb(175, 196, 206); }    address figure { text-align: center; } </style> </head> <body> <div id="wrapper"> <!-- outer...
Please linked both files. For this assignment you need to create a ToDo list using Javascript,...
Please linked both files. For this assignment you need to create a ToDo list using Javascript, along with HTML and CSS. Begin by creating a HTML page called todo.html. Then create a Javascript file called todo.js and link it in to the HTML page using a script tag. All Javascript for the assignment must be in the separate file. (For CSS, feel free to include styles in a style block at the top of the HTML page, or to link...
Challenge 5 Read ALL of the instructions carefully before starting the exercise! Dear Colleague, Earlier today...
Challenge 5 Read ALL of the instructions carefully before starting the exercise! Dear Colleague, Earlier today I built my fourth website using HTML5 and CSS3. This time I wanted to try using CSS float layout options on a website dedicated to my favorite topic: robotics. I wanted my website to look like what is shown in Figure 1 (see below). However, after giving it my best effort, things once again didn’t turn out the way I wanted (see the code...
ADVERTISEMENT
Need Online Homework Help?

Get Answers For Free
Most questions answered within 1 hours.

Ask a Question
ADVERTISEMENT