HTML5 Course for beginners | Create your first websites

Name: HTML5 Course for beginners | Create your first websites
Rating: 4.8 (284 reviews)

Master the foundations of web development with HTML5 in this comprehensive crash course - The beginning of your career

Created byFabian & Pavel Coding2GO

Last updated 8/2024

English

What you'll learn

Learn everything about HTML5 in one afternoon
Master the fundamentals of webdevelopment
Use semantic HTML to improve the accessibility of your websites
Start your career as a webdeveloper
Learn how to code with multiple practical projects
Learn the syntax of HTML and how to create websites from a simple text file

Course content

3 sections • 34 lectures • 1h 47m total length

Welcome to the course!1:38
Join this HTML5 crash course to master the fundamentals and advanced HTML through hands-on coding, quizzes, and mini projects, emphasizing learning by doing and active participation.
Visual Studio Code Installation2:13

What is HTML?3:13
Create your first webpage8:04
Tags and Attributes4:31
Tags and Attributes
Technical Terms (optional)2:27
Visual Studio Code Introduction5:13
Discover how Visual Studio Code accelerates HTML editing with automatic code completion and Emmet abbreviations. Prepare a project folder, open it in VS Code, and explore extensions and themes.
Basic HTML Structure7:54
Useful Shortcuts in VS Code1:10
Live Server Extension1:55
Install the live server extension in Visual Studio Code, start it with Go Live, and enjoy automatic browser updates on save to streamline HTML development.
Add images to your webpage (img tag)2:45
Relative Paths2:58
Discover how relative paths in HTML point to images and other resources, navigate folders with slash and dot dot, and update source attributes to keep links correct.
Image Attributes (alt, width, height)5:27
Semantic in HTML (Optional)4:11
Style your text with formatting tags (bold, italic, highlight, etc.)1:59
Hyperlinks - Create links to other webpages (Anchor-Tag)5:47
Create Bookmark-Links (Anchor-Tag)1:49
Create Numbered and Bullet Lists (ol, ul)1:47
Comments in HTML2:17
Explore HTML comments to describe code, document meaning, and temporarily disable sections. Learn the opening and closing comment tags and how commenting aids testing and collaboration.
Project - Basic HTML Website1:08
Solution2:57
Explore the basic HTML structure with head and body, learn to use h1, p, h2, hr, ol, ul, li, nav, a, and img with src, width, and alt attributes.
Information0:29

What to expect?1:25
Create Forms in HTML6:06
Input elements8:06
Explore various HTML input types, from text and number to email, password, date, time, color, and file, and learn essential attributes like disabled, required, min, max, and max length.
Exercise: Create a sign up website0:46
Solution code0:43
Inspect websites in the browser (webinspector developer tool)3:40
Master the web inspector to inspect HTML, CSS, and JavaScript, highlight elements on a page, analyze layout and optimize styling, and safely edit code locally for debugging and learning.
Tables2:56
How to use tables for layouting2:16
Explore creating a simple two-column layout with an HTML table, placing an image and text side by side, and understand why CSS is usually preferred for layouts.
Show videos on your webpage3:07
Embed YouTube videos on your webpage1:15
Tooltips (title attribute)1:23
Structural Semantic HTML elements4:06
Explore semantic HTML tags such as div, section, header, footer, main, and aside to structure web pages; learn how CSS targets these containers to define layout and support screen readers.

Requirements

It's for absolute beginners. NO prior experience required.

Description

Welcome to this HTML5 Crash Course!

In this comprehensive online course, we will dive into the exciting world of web development and gain a solid understanding of HTML5, the latest version of the markup language that powers the web.

Whether you're a beginner with no prior coding experience or an experienced developer looking to update your skills, this course is designed to equip you with the fundamental knowledge and practical skills needed to start creating amazing websites.

This course is designed to provide the best start in your journey as a web developer. It is beginner-friendly and cuts right to the chase, ensuring you make the most of your time without beating around the bush. With a focused curriculum, you can complete the course in just one afternoon and be well on your way to creating impressive web projects.

Through hands-on exercises, real-world examples, and step-by-step tutorials, you'll learn how to structure web pages using HTML5, create and format text, incorporate multimedia elements, build forms for user input, and understand the importance of accessibility and semantic markup.

By the end of this course, you'll have a strong foundation in HTML5, enabling you to confidently pursue further studies in web development (such as CSS and JavaScript). Join us now and unlock the potential of HTML5 as you take your first steps towards becoming a proficient web developer.

Who this course is for:

Aspiring webdevelopers
HTML beginners curious about webdevelopment

HTML5 Course for beginners | Create your first websites

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 4min

HTML Basics20 lectures • 1hr 8min

Advanced HTML Concepts12 lectures • 36min

Requirements

Description

Who this course is for: