Working with Basic HTML Tags

Practice Labs Module

Time

47 minutes

Difficulty

Intermediate

Welcome to the "Working with Basic HTML Tags" Practice Lab. In this module, you will be provided with the instructions and devices needed to develop your hands-on skills.

Join over 3 million cybersecurity professionals advancing their career

Required fields are marked with an *

View all SSO options

Already have an account? Sign In »

Overview

Introduction

Welcome to the Working with Basic HTML Tags 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:

1.1 Construct markup that uses metadata elements

Lab Duration

It will take approximately 20 minutes to complete this lab.

Exercise 1 - Working with Fundamental HTML Tags

Hyper Text Markup Language (HTML) is the standard markup language to create structured web pages with formatted text, images, and links. You can develop HTML documents using various HTML elements. HTML tags represent the HTML elements. You can open HTML documents in web browsers. For the purpose of this demonstration, you will be working with HTML5.

You require a code editor to develop HTML documents. For the purpose of this demonstration, you will use Visual Studio Code (VS Code) as the code editor.

Visual Studio Code is a free, cross-platform, lightweight, and powerful source code editor that has built-in support for many programming languages.

In this course, you will learn how to develop a website for a content development company named “Smart Learning Solutions.” The company primarily focuses on delivering content development solutions for educational purposes. The company promotes its brand of online educational courses through their website.

In this exercise, you will perform the following tasks:

Create a Visual Studio Code workspace.
Create a simple HTML document.

Learning Outcomes

After completing this exercise, you will be able to:

Create a simple HTML document using the following tags:

- - - - -<body> -<h1> -<p> -comment tags</p></div></div></div><div class="col-span-1 md-991:col-span-2"><div class="mb-4 font-bold text-lg md:text-xl lg:text-2xl">Learning Partner</div><div class="border-b border-gray-300 leading-4 text-base h-0 "></div><div class="my-4"><a href="/catalog/vendor/practice-labs/"><div class="rounded-sm border-1 border-gray-400 p-4 w-full bg-white my-4"><div class="flex flex-col md:flex-row justify-center items-center h-full text-center"><div class="px-4 md:mb-0 w-1/2 md:w-1/3"><img width="160" height="50" data-src="//images.ctfassets.net/kvf8rpi09wgk/2D9vfolyOSWqNAxeJ3jQKJ/bc08f7e6bd28b97188fa406720ffbaba/browse-practice-labs-logo.png" alt="Practice Labs" class="lazyload mx-auto mb-0" /></div><div class="text-gray-700 mt-4 text-left md:text-center md:flex-1 md:px-4 md:w-2/3"><div class="has-markdown-inside text-gray-600 text-sm"><p>IT & Cybersecurity certification hands on practice labs and practice exams for certifications and skill development.</p></div></div></div></div></a></div><div class="mb-4"><div class="mb-4"><div class="mb-4 font-bold text-lg md:text-xl lg:text-2xl">Comprehensive Learning</div><div class="border-b border-gray-300 leading-4 text-base h-0 "></div><p class="mt-4">See the full benefits of our immersive learning experience with interactive courses and guided career paths.</p><div class="rounded-sm border-1 border-gray-400 bg-white mt-4 p-4"><div class="mb-4"><div class="mb-4 font-bold text-base md:text-lg lg:text-xl">Courses</div><div class="border-b border-gray-300 leading-4 text-base h-0 "></div><div role="list" class="pl-4 mt-4"><div role="listitem"> <a href="/catalog/practice_labs/comptia-it-fundamentals-virtual-lab/" class="cursor-pointer"><div class="py-1">CompTIA IT Fundamentals+ FC0-U61 Lab</div></a></div></div></div></div></div></div></div></div></div></main><footer class="bg-gray-200 pb-8 px-4 pt-4 md:p-4 bottom-0 h-auto"><div class="container mx-auto max-w-screen-xl pt-12 px-4"><div class="flex flex-col md-991:flex-row"><div class="grid grid-cols-2 md:grid-cols-4 w-full md-991:w-5/6"><div class="py-4 px-2"><div class="text-lg font-bold mb-4">Solutions</div><ul><li><a href="/cybrary-insider-pro/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">For Individuals</div></a></li><li><a href="/business/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">For Teams</div></a></li><li><a href="/business/profile/government/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Government</div></a></li></ul></div><div class="py-4 px-2"><div class="text-lg font-bold mb-4">Platform</div><ul><li><a href="/catalog/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Catalog</div></a></li><li><a href="/instructors/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Instructors</div></a></li><li><a href="/catalog/alliances/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Alliances</div></a></li></ul></div><div class="py-4 px-2"><div class="text-lg font-bold mb-4">Company</div><ul><li><a href="/about/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">About</div></a></li><li><a href="/about/join-our-team/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Careers<div class="bg-cyb-pink-500 text-white border-cyb-pink-500 px-2 text-xs hidden ml-2 md-991:block rounded-sm border-solid border-1 align-middle inline-block">We're hiring!</div><div title="We're hiring!" class style="display: inline;" class><svg fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="text-cyb-pink-500 w-6 h-6 inline-block ml-2 md-991:hidden"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd"></path></svg></div></div></a></li><li><a href="/info/press/ " class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Press</div></a></li></ul></div><div class="py-4 px-2"><div class="text-lg font-bold mb-4">Resources</div><ul><li><a href="/blog/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Blog</div></a></li><li><a href="https://help.cybrary.it/hc/en-us" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Help Center</div></a></li><li><a href="/info/verify-certificate/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Verify Certificate</div></a></li><li><a href="/podcasts/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">The Cybrary Podcast</div></a></li><li><a href="/mobile-app/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Mobile App</div></a></li><li><a href="/info/responsible-disclosure-program/" class="inline-block text-gray-600 hover:text-black"><div class="flex items-center leading-7 mb-3">Report a Vulnerability</div></a></li></ul></div></div><div class="w-full md-991:w-1/6"><div class="flex justify-center pt-2 md-991:text-right md-991:block"><a href="/"><img data-src="//images.ctfassets.net/kvf8rpi09wgk/6HtXDpiYT7GMU8yp0DS4Dy/5b42c213353afb410ac8e52e7db7c77f/cybrary_logo_black.svg" alt="Cybrary Text Logo Black SVG" width="160" height="34" class="lazyload mx-0 inline-block" /></a></div><div class="pt-2"><ul class="flex justify-center items-center md-991:justify-end"><li aria-label="Instagram"><a title="Instagram" href="https://www.instagram.com/cybrary.it/" target="_blank" rel="noopener noreferrer" class="group cursor-pointer"><svg role="img" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="text-gray-600 w-4 h-4 m-4 group-hover:text-black"><title>Instagram