Play all

Intro

Welcome and Who This Tutorial Series Is For

What is HTML?

Google Chrome Browser

Dark New Tab Chrome Extension

Visual Studio Code

Create and open a new folder

Creating a new file and best file name practices

The HTML element and elements vs tags

Two Major Areas of an HTML page: Head and Body

Adding a title element

Saving and auto-formatting your code

Adding a heading and a paragraph

Optional VS Code Extensions

Live Server Extension

Viewing Your Web Page

Style element and optional dark mode changes

Your Dev Environment vs The Web

Starting & Stopping Live Server

Validating your HTML code

Adding a lang attribute

Adding charset metadata

Adding a doctype declaration

Revalidating and viewing your web page

Description:

Learn the fundamentals of HTML5 in this beginner-friendly tutorial video. Discover the basic structure of a web page, including the head and body sections, and how to create essential elements like headings and paragraphs. Explore useful tools such as Google Chrome, Visual Studio Code, and the W3C HTML validator. Set up a development environment with extensions like Live Server for real-time previewing. Master best practices for file naming, code formatting, and HTML validation. Gain hands-on experience creating your first HTML document, adding metadata, and understanding the importance of proper document structure.

Introduction to HTML - An HTML5 Tutorial for Beginners

Dave Gray

Add to list

#Programming #Web Development #HTML & CSS #HTML #HTML5 #Computer Science #Information Technology #Data Management #Metadata

0:00 / 0:00