- Introduction to HTML
- What is HTML
- Structure of an HTML Document
- Importance of Doctype
- Tags
- Elements
- Attributes
- Example with Tags, Elements, and Attributes
- Understanding the head and body Tags in HTML
- The Head Tag
- The Body Tag
- HTML Text Fundamentals
- Text Formatting Tags
- Paragraphs
- Strong Emphasis
- Emphasis
- Nuances of White Space in HTML
- Convention of Using Lowercase for Tags
- Working with Lists and Links in HTML
- Creating Ordered and Unordered Lists
- Ordered Lists
- Unordered Lists
- Creation of Hyperlinks Using the <a> Tag
- Creating Internal Links
- Creating External Links
- Adding Images and Media in HTML
- Embedding Images Using the <img> Tag
- Embedding Videos and Audio
- Video
- Audio
- Responsive Media Using HTML5
- Working code for embedding images, videos, and audio
- HTML Forms and Input Types
- Overview
- Creating Forms with the <form> Tag
- Importance of the <label> Tag for Accessibility
- Working code for HTML Forms and Input Types
- Tables in HTML
- Tables in HTML Overview
- Creating and Structuring Tables
- Importance of Table Accessibility
- Styling Options
- Working code for Tables in HTML
- Semantic HTML
- Semantic HTML Overview
- Importance of Semantic HTML
- Header Tag
- Nav Tag
- Article Tag
- Section Tag
- Footer Tag
- Example of a Semantic HTML Layout
- Advanced HTML Attributes
- Advanced HTML Attributes Overview
- The id Attribute
- The class Attribute
- The style Attribute
- Custom data Attributes
- Complete working code for Advanced HTML Attributes
- HTML Document Head
- HTML Document Head Overview
- Title Tag
- Meta Tags
- Link Tag
- Script Tag
- Working Code Sample
- Building a Simple Webpage Using HTML
- Project
- Project Overview
- Key Takeaways
- Course Summary
Creating Internal Links
Internal links are great for moving within the website by linking to different sections. Typically you would use a path in the href attribute.
Example of an Internal Link:
| <a href="/about.html">About Us</a> |
ChatGPT
Python
PowerShell
PL/SQL
Spring Boot
CSS
