Introduction to HTML Training (HTM102)
This course provides a foundational introduction to web development, focusing on the essential elements of HTML and how it integrates with other web technologies to create robust and interactive web pages. It is ideal for beginners who want to learn the basics of HTML and understand its role within the broader context of web development.
The course starts with a quick overview of web development, explaining how HTML works in conjunction with other technologies like client-side and server-side programming to build complete web applications.
Next, you'll dive into the fundamentals of HTML, starting with creating a simple HTML document. You'll learn about HTML elements, attributes, and comments, and understand the basic structure of an HTML document, often referred to as the "HTML skeleton." You'll also explore how to view the source code of web pages, work with special characters, and learn about the history of HTML and the significance of the lang attribute.
The Paragraphs, Headings, and Text section will guide you through creating and formatting text content in HTML. You'll learn how to use paragraphs, heading levels, breaks, and horizontal rules, and how to structure your content using the div tag. Exercises will help you apply these concepts by creating a complete HTML page with various text elements, including quoted text, preformatted text, and inline semantic elements.
The HTML Links module covers the creation of hyperlinks, including text links, the difference between absolute and relative paths, and how to target links to open in new tabs or specific locations on a page. You'll also learn about email links and the use of the title attribute to enhance link accessibility.
In the HTML Images section, you'll learn how to insert images into your web pages, create image links, and provide alternative text for accessibility. Exercises will give you hands-on experience in adding images and linking them appropriately.
The HTML Lists module will teach you how to create and style different types of lists, including unordered, ordered, and description lists. You'll practice creating lists and integrating them into your web pages.
Moving on to HTML Tables, you'll learn how to create and format tables, including the use of thead, tbody, and tfoot elements to structure your data. You'll also explore how to merge cells and create complex table layouts with practical exercises.
The Sectioning a Web Page module introduces you to semantic block-level elements like articles and sections, which help to organize content logically on a web page. You'll learn how to section content effectively, both for organization and styling purposes, with exercises focused on structuring and styling web pages.
The course concludes with an introduction to embedding multimedia content using HTML. You'll learn how to use the audio and video elements to incorporate media into your web pages, including adding closed captioning and subtitles to ensure accessibility. Practical exercises will help you apply these concepts to create web pages with embedded audio and video.
By the end of this course, you'll have a solid understanding of HTML and how to use it to create structured, accessible, and visually appealing web pages. You'll also have a foundational knowledge of web development, preparing you for more advanced studies in web technologies.
- Learn the basics of web development.
- Learn to create links in HTML documents.
- Learn to add images to HTML documents.
- Learn to create HTML tables.
- Learn to work with audio and video.
Private classes are delivered for groups at your offices or a location of your choice.
Learn at your own pace with 24/7 access to an On-Demand course.
- A Quick Overview of Web Development
- Client-side Programming
- HTML
- Cascading Style Sheets
- JavaScript 1
- Ajax
- JavaScript Frameworks
- Server-side Programming
- Java EE
- ASP.NET
- Python
- PHP
- ColdFusion
- Node.js
- Client-side Programming
- Introduction to HTML
- Getting Started
- A Simple HTML Document
- The HTML Skeleton
- The <head> Element
- The <body> Element
- Whitespace
- HTML Elements
- Attributes
- Empty vs. Container Tags
- Blocks and Inline Elements
- Comments
- Special Characters
- History of HTML
- lang Attribute
- Paragraphs, Headings, and Text
- Paragraphs
- Breaks and Horizontal Rules
- Creating an HTML Page
- Quoted Text
- Preformatted Text
- Text-Level Semantic Elements
- HTML Links
- Text Links
- Absolute vs. Relative Paths
- Absolute Paths
- Relative Paths
- Default Pages
- Targeting New Windows
- Email Links
- Adding Links
- Targeting a Specific Location on the Page
- The title Attribute
- HTML Images
- Inserting Images
- Making Images Accessible
- Alternative Text
- Long Descriptions
- Height and Width Attributes
- Image Links
- Adding Images to the Page
- Inserting Images
- HTML Lists
- Unordered Lists
- Nesting Unordered Lists
- Ordered Lists
- Nesting Ordered Lists
- The type Attribute
- The start Attribute
- Definition Lists
- Creating Lists
- Unordered Lists
- HTML Tables
- Creating Tables
- Adding a Caption
- thead, tbody, and tfoot
- Merging Cells
- Creating Tables
- Creating Tables
- Sectioning a Web Page
- Semantic Block-Level Elements
- The article Tag
- Semantic Block-Level Elements
- Audio and Video
- Supported Media Types
- The audio Element
- Audio Formats
- audio Tag Attributes
- The video Element
- video Tag Attributes
- Video
- Accessibility
Each student will receive a comprehensive set of materials, including course notes and all the class examples.
Live Private Class
- Private Class for your Team
- Live training
- Online or On-location
- Customizable
- Expert Instructors
Self-Paced Course
- On Demand 24/7
- Readings
- Presentations
- Exercises
- Quizzes
- Full Year of Access
- Learn more