Scribd
Upload
10 views2 pages

HTML and CSS Formatting Guide

The document outlines the structure and styling requirements for an HTML5 document and accompanying CSS. It specifies the use of various HTML tags, IDs, and classes for paragraphs and headings, along with specific styling rules for colors, borders, and text alignment. The document emphasizes the organization of content and visual presentation through defined styles for different elements.

Uploaded by

nilora3660
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
10 views2 pages

HTML and CSS Formatting Guide

The document outlines the structure and styling requirements for an HTML5 document and accompanying CSS. It specifies the use of various HTML tags, IDs, and classes for paragraphs and headings, along with specific styling rules for colors, borders, and text alignment. The document emphasizes the organization of content and visual presentation through defined styles for different elements.

Uploaded by

nilora3660
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

HTML

Declare the file as an HTML5 document

Assign to the HTML document the title "Exam of [add your surname and name]" in the <head> tag

Apply the correct tags following the indication in the Text file

Assign to the paragraph after "10 Quick Tips..." the id "firstparagraph"

Assign to all the paragraphs after an h2 title with an even number (ex. "1. Give yourself...", "3. Use flow
charts...") the class "evenparagraph"

Assign to all the paragraphs after an h2 title with an odd number (ex. "2. Make sure your study...", "4.
Practice on...") the class "oddparagraph"

Assign to all the paragraphs after the HORIZZONTAL LINE the class "bottom"

Assign to the paragraph that contain "Made by [write your name and surname]" also the id "footer"

CSS

Assign to the BACKGROUND of the BODY the COLOR darkblue

Assign to the H1 element the COLOR aliceblue;

to his BACKGROUND the COLOR red;

put a solid yellow BORDER with 10px of size;

the RADIUS of the BORDER with 25px;

ALIGN the text in the center

Assign to the H2 elements the the COLOR aliceblue;

put a solid yellow BORDER with 5px of size;

the RADIUS of the BORDER with 25px;

ALIGN the text in the center

Assign to the class "evenparagraph" the COLOR aliceblue;

to his BACKGROUND the COLOR red;

put a solid greenyellow BORDER with 2px of size;

change the SIZE of the FONT into 16px


Assign to the class "oddparagraph" the COLOR aliceblue;

to his BACKGROUND the COLOR indigo;

put a solid greenyellow BORDER with 2px of size;

change the SIZE of the FONT into 16px

Assign to the id "firstparagraph" the COLOR yellow;

to his BACKGROUND the COLOR red;

put a solid greenyellow BORDER with 2px of size;

change the SIZE of the FONT into 18px

ALIGN the text in the center

Assign to the id "footer" to his BACKGROUND the COLOR gold;

put a solid red BORDER with 10px of size;

the RADIUS of the BORDER with 25px;

change the SIZE of the FONT into 25px;

Assign to the class "bottom" the COLOR black;

to his BACKGROUND the COLOR chartreuse;

ALIGN the text in the center;

change the SIZE of the FONT into 20px;

You might also like