Overview

Introduction

Welcome to the Using Inline Styling 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:

2.1 Analyze the impact of using inline styles, internal style sheets, and external style sheets

Lab Duration

It will take approximately 20 minutes to complete this lab.

Exercise 1 - Working with Inline Styles

With the help of HTML tags, you can define the structure of a web page. However, if you want to define the visual presentation and layout of the web page, you need to use a stylesheet language along with the HTML tags.

Cascading Style Sheets (CSS) is a stylesheet language that helps to define various formatting styles such as alignment, backgrounds, colors, fonts, and margins in the web page.

The browser formats the web page according to the styles defined in the HTML tags. There are three ways to define styles or use CSS in the web page such as inline style, internal style sheet, and external style sheet.

Inline styles are styles added to HTML tags in a HTML document. You need to use the style attribute to define inline styles for HTML tags in the document. You can include various CSS properties such as color, margin, and align with the style attribute. You can use this attribute with all HTML tags.

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

In the second task, you will use the style attribute in the index.html page.

Learning Outcomes

After completing this exercise, you will be able to:

Use the HTML style attribute for inline styling in a HTML page

Comprehensive Learning

See the full benefits of our immersive learning experience with interactive courses and guided career paths.