Create a static Web page that includes the basic structure of a valid HTML (not XHTML)...

Question

Question

Create a static Web page that includes the basic structure of a valid HTML (not XHTML)...

Create a static Web page that includes the basic structure of a valid HTML (not XHTML) document and a CSS file.

Make sure to include

the language attribute of the html element and
the character set attribute of the metadata element.

Name the Web page Unit3.html
Link to the Unit3.css file used to style and layout the Web page.

Assign “Unit 3 IP” to the title.
Structure the Web page using the HTML semantic elements
- header
- section
- footer

Within the structure of the Web page add other HTML elements including at least:

one level-one heading for the page in the header
navigation in the header that includes a
- one level-two heading for a table of contents in the header
- list of at least three placeholders that
- navigate to the paragraphs in the section
- implement accessibility guidelines
one level-three heading for the section
three paragraphs in the section
beginning of each paragraph is an anchor or ID
additional text to lengthen the document
three paragraphs in the section, one after each content paragraph, these will contain a link that navigates back to the table of contents
one figure element in the section to display
- Image that implements accessibility guidelines
- Copy the image file to the Web site folder.
- Submit the image file along with the document.
- figure caption
figure element in the section to display
- figure caption
- table with
- table header
- table body
- at least three table rows
- at least three table data
- table footer that spans three columns
Use of any inline elements should follow current standards
No style should be applied
Validate the HTML in the Web page.

Develop an external CSS to provide style, presentation, and layout to the HTML document.

Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box. Name the style sheet Unit3.css.
Link the CSS file to the HTML document.

Add style rules to Unit3.css to accomplish the following:

In the following order, use the Calibri font, Arial font, or any available sans-serif font for the text.
Set the font size for the body to 85% of the browser’s default font size.
Set the width of the window to display the document to 950.
Center the text in the header.
Set the font size for the level-one heading in the header to two and one-half times the browser’s default font size.
Set the font size for the level-two heading in the header and the level-one heading in the section to one and three-quarter times the browser’s default font size.
Set the text to undecorated and one and one-quarter times the browser’s default font size when the user hovers over or focuses on the links in the table of contents.
Set the width of figures to 300.
Display figures on the right with the paragraph text flowing to the left of the figures.
Set the margin for figures to the equivalent of one capital M on all sides.
Set the padding for figures to the equivalent of one capital M on all sides.
Display a one pixel black border to the left of figures.
Bold the text of figure captions.
Set the size of the font of figure captions to one and one-quarter times the browser’s default font size.
Center the text of figure captions.
Clear the float of the figures in the paragraphs that return the user to the table of contents.
Center the text of the paragraphs that return the user to the table of contents.
Display the footer in the center of the page.
Display a one pixel black border around the table, all table data and table headers.
Center the text in the table footer.
Bold the text in the table footer.

Validate the CSS style rules.

engineering Computer-Science

Add a comment Improve this question Transcribed image text

Answer 1

Answer #1

<!DOCTYPE html>

<head>

<title>Newsletter</title>

</head>

<body>

<h1 align="center">This is the Header</h1>

</header>

<hr>

<h2 align="center"> Some Content </h2>

<p align="center"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p>

</section>

<hr>

<h3 align="center"> This is the Footer </h3>

</p>

</footer>

</body>

</html>

Output:- (The website looks like this)

Add a comment

Answer 2

Create a static Web page that includes the basic structure of a valid HTML (not XHTML)...

Homework Answers

Add Answer to:
Create a static Web page that includes the basic structure of a valid HTML (not XHTML)...

Post as a guest

Earn Coins

Create a static Web page that includes the basic structure of a valid HTML (not XHTML)...

Homework Answers

Add Answer to: Create a static Web page that includes the basic structure of a valid HTML (not XHTML)...

Post as a guest

Earn Coins

Add Answer to:
Create a static Web page that includes the basic structure of a valid HTML (not XHTML)...