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...
Question 1: What port is this application running on? Question 2: How many function definitions do...
Question 1: What port is this application running on? Question 2: How many function definitions do you see in this program? List the function names. If it’s an anonymous function write the function definition. Question 3: How many global variables are there in this program? What are they? (Hint: Some are programmer defined using keyword var and some provided by JavaScript language implicitly.) var http = require('http'); // function to calculate rabbit reproduction using fibonacci sequence function fibonacci(n) {     if...
Please provide HTML code for the following: • Change the color of all <p> elements to...
Please provide HTML code for the following: • Change the color of all <p> elements to “blue" • Change the 3 border properties, so that they only show the border on the top side • Use the padding property to set the top and bottom paddings for <p> to "25px", and left and right paddings to "50px" • Style text in <h1> to uppercase letters, and text in <p> to capitalized letters • Remove the bullets/markers from the list items...
Section 1.1: Creating the First Table Locate the HTML comment that reads "table 1" just below...
Section 1.1: Creating the First Table Locate the HTML comment that reads "table 1" just below the opening body tag. Add a table tag with the following specifications using the style attribute and CSS: width with a value of 650 pixels a margin set to auto – this will center the table within the web page a border set to none - this removes the table border Add a table row (<tr>) Add a table data container tag (<td></td>) Within...
<!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...
What I need to do :) Go to the code_scroll.css file and create a style rule...
What I need to do :) Go to the code_scroll.css file and create a style rule for the section element with the id container with the following styles: 1. Set the width of the element to 900 pixels and the height to 370 pixels. 2. Horizontally center the element by adding a 10 pixel top/bottom margin and set the left/right margin to auto. 3. Place the element with relative positioning, setting the top value to 30 pixels and the left...
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...
TASK 2: Open numberic-variable_problem.js file in a text editor (e.g., NotePad++). What is the syntax error...
TASK 2: Open numberic-variable_problem.js file in a text editor (e.g., NotePad++). What is the syntax error in the JavaScript file? Find error message in console in a browser’s developer tool. Fix that error and reload the web page in browser. What is the change in the content displayed in the web page after fix the syntax error in the JavaScript code? Replace the line#18 statement (el.textContent = '$' + total;) in the JavaScript code with    el.textContent = '$' + total.toFixed(3);...
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