Decorating Texts

Introduction

Welcome to the Decorating Texts Practice Lab. In this module, you will be provided with the instructions and devices needed to develop your hands-on skills.

Exam Objectives

The following exam objective is covered in this lab:

5.2 Construct and analyze styles that format text

Lab Duration

It will take approximately 20 minutes to complete this lab.

Exercise 1 - Working with Text Decoration

The various text decorating properties in CSS helps to decorate the text and thereby enhancing the look of the web page. The properties such as text-indent, text-align, text-justify, and text overflow provide different ways of presenting the text on the web page. The text-decoration property enables you to define underline, overline, or strikethrough effects in different colors and styles such as dotted, dashed, and solid.

In this exercise, in the first task, you will download the Visual Studio Code workspace from the Intranet and extract it.

In the second task, you will add code in aboutus.html, index.html, and blog.html to decorate the page text using CSS.

Microsoft Internet Explorer does not support the execution of the text-decoration property. Therefore, for the purpose of this demonstration, you will run the code involving this property in Google Chrome.

Learning Outcomes

After completing this exercise, you will be able to:

Decorate text using CSS in HTML pages