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".
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>
Not the answer you're looking for?
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...
Utilizing PHP and HTML For this lab we will save some cookie data to the computer,...
Utilizing PHP and HTML
For this lab we will save some cookie data to the computer, and
then in a new browser session, read the data. Attached is a zip
file with a simple form with three fields on it, email address,
favorite food and year you were born. Put in the code for the
action script and the name attributes on the inputs. In the action
script, save these values to cookies that will live for 15 minutes.
This...
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...
Using Notepad++, copy the code presented in Listing 26.2, "A Form That Displays Data in a...
Using Notepad++, copy the code presented in
Listing 26.2, "A Form That Displays Data in a Pop-Up Window," in
the subsection "Displaying Data From a Form" in the section
"Accessing Form Elements With JavaScript" in Ch. 26, "Working with
Web-Based Forms of Sams Teach Yourself HTML, CSS and JavaScript
All In One. Save the file using the name
Week4ValidationExample.html. Test your code and debug as
necessary.
Change the name of the display()
function to myDisplay() where my is your first...
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...
ADVERTISEMENT
Need Online Homework Help?
Get Answers For Free
Most questions answered within 1 hours.
ADVERTISEMENT
Active Questions
asked 6 minutes ago
asked 19 minutes ago
asked 27 minutes ago
asked 40 minutes ago
asked 43 minutes ago
asked 43 minutes ago
asked 47 minutes ago
asked 52 minutes ago
asked 57 minutes ago
asked 1 hour ago
asked 1 hour ago
asked 1 hour ago