Lesson 5: Styling Text
A.
Follow the step-by-step demo instructions for this chapter exercise
(see Lecture 5 lecture presentation under Course Documents).
B. Create a
Lesson5 folder on your desktop.
C. Download the attached HTML document zip- (Exerciser5.zip). Copy the Exercise5.html file into your Chapter5 folder.
D. Copy the internal CSS (Cascading Style Sheet)
rules below within the opening and closing<HEAD> tags.
<style type="text/css">
body {
font-family: Arial,
Helvetica, sans-serif;
font-size: 16px;
color: navy;
margin-right: 40px;
margin-left: 40px;
background-color:
silver;
}
pre {
font-family: Arial,
Helvetica, sans-serif;
font-size: 16px;
}
</style>
D. Follow the step-by-step demo
instructions for this chapter exercise (see Lecture 5 lecture
presentation).
E. Add and apply all
the markup language tags (HTML code & syntax) illustrated in this
chapter in your web page. Save the document as a text file with
an .HTML extension. View and verify your web page in your browser.
F. Attached is a sample of the HTML
document and the desired output web page after adding the HTML code.
G. Save your html
document as Exercise5.html
H. Verify if the HTML document- chapter5.html
passes the W3C Markup Validation
Service. You will need to upload
your HTML document to the site- http://validator.w3.org/.
SUBMIT
1. Zip up your Exercise5.html document.
2. Upload and submit your Lesson4.zip file in the COMSC-30 Canvas Lecture 5 Lab Assignment drop box.
|
Lecture 5 Topics
|
Points |
|
1. Make Text Bold |
4 |
|
2. Italicize Text |
3 |
|
3. Add Underlining to Text |
3 |
|
4. Change Fonts |
4 |
|
5. Change Font Size |
3 |
|
6. Change the Text Color |
3 |
|
7. Adjust Margins |
2 |
|
8. Set a Page Background
Color |
4 |
|
9. Add a Horizontal Line |
3 |
|
Total |
30 |