Full Stack Web Development_ FSWD101: Introduction to HTML (P)
About Course
The course on HTML is designed to provide a comprehensive understanding of:
- Hypertext Markup Language (HTML), the foundational language of the World Wide Web.
- Throughout this course, you will learn how to create web pages, structure content, format text, add images, create hyperlinks, build forms, and apply modern HTML5 and CSS3 techniques.
- Whether you’re a beginner looking to start your web development journey or seeking to expand your knowledge, this course will equip you with the essential skills to craft engaging and accessible websites.
After the completion of course student will be able to:
- HTML Fundamentals: By the end of the course, students should be able to demonstrate a solid understanding of the fundamental concepts of HTML, including its structure, syntax, and the purpose of key elements and attributes.
- Web Page Creation: Students should be able to create well-structured and semantically meaningful web pages using HTML, incorporating headings, paragraphs, lists, and appropriate tags for content organization.
- Hyperlinking and Navigation: Upon completing the course, students should be proficient in creating various types of hyperlinks, including internal and external links, and understand how to build effective website navigation systems.
- Multimedia Integration: Learners should be capable of incorporating multimedia elements such as images, audio, and video into web pages, while also understanding best practices for optimization and accessibility.
- HTML5 and Modern Techniques: By the end of the course, students should have a working knowledge of HTML5 features, semantic elements, and modern web development practices, enabling them to create responsive and interactive web content.
Course Content
Module 1
-
02:32
-
11:12
-
LO2: Describe the structure of an HTML Document
11:43 -
LO3: Explain the role of HTML in the Web Development Stack
08:47 -
03:18
-
17:41
-
LO2: Illustrate the use of Head Elements
19:39 -
LO3: Analyze the Hierarchical Structure of an HTML Document
13:09 -
LO4: Develop a properly structured HTML Document with Metadata
11:44 -
02:50
-
13:43
-
LO2: Discuss the usage of Inline and Block-level Elements in HTML
08:00 -
LO3: Differentiate between Semantic and Non-Semantic Elements
14:03 -
Quiz I
-
Topic 4: Links and Anchor Tags
03:05 -
LO1: Explain the Function of Anchor Tags and Hyperlinks in HTML
10:05 -
LO2: Describe Internal, External, and Email Links using the Anchor Element
10:36 -
LO3: Discuss the role of Relative vs Absolute URLs in Link Creation
07:28 -
Topic 5: Lists
03:03 -
LO1: Describe the different types of lists in HTML
15:45 -
LO2: Analyze the proper use of Lists in organizing Content
05:45 -
LO3: Discuss HTML code for Multi-level List with Ordered/Unordered Elements
07:19 -
Topic 6: Images
03:06 -
LO1: Explain the Img tag for embedding Images in a Web Page
09:15 -
LO2: Implement Images using Proper Attributes
10:32 -
LO3: Analyze the Impact of Image Optimization on Page Load
06:45 -
Quiz II
-
Topic 7: Forms and Input Elements
03:29 -
LO1: Describe the primary Input Elements of an HTML form
17:33 -
LO2: Discuss a Functional form with various Input Types
04:23 -
LO3: Analyze the Importance of Form Validation
15:23 -
LO4: Explain the Impact of User-friendly Forms
06:50 -
Topic 8: Tables
03:08 -
LO1: Describe the purpose of HTML Tables for organizing Tabular Data
08:34 -
LO2: Analyze the Accessibility Implications of Tables
08:05 -
LO3: Explain Spanning Rows/Columns, and Accessible Attributes in a Table
08:10 -
Topic 9: HTML5 Semantic Elements
03:18 -
LO1: Explain the role of Semantic elements in HTML5
09:51 -
LO2: Analyze the impact of Semantic HTML on SEO
10:50 -
LO3: Describe Semantic Elements to create a well-structured HTML Document
05:08 -
Topic 10: HTML Audio and Video
03:09 -
LO1: Describe the HTML5 tags for Embedding Multimedia Elements
15:45 -
LO2: Discuss Audio and Video Playback on a Webpage
07:03 -
LO3: Explain the use of Media Controls for Audio and Video Content
00:00 -
Topic 11: HTML5 Canvas
03:14 -
LO1: Define the Canvas Element and its purpose in HTML5
08:44 -
LO2: Discuss operations using the HTML5 canvas element and JavaScript
06:31 -
LO3: Analyze the potential Applications of Canvas
05:33 -
Topic 12: HTML Best Practices and Optimization
03:31 -
LO1: Describe best practices for Writing clean, Maintainable HTML code
08:03 -
LO2: Discuss techniques for optimizing HTML Documents
09:30 -
LO3: Explain the impact of Minification, Compression, and Caching
05:17