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.
Show More

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

Final Exam

Want to receive push notifications for all major on-site activities?