Certified HTML Designer Course Outline


Course Outline
 

1. HTML and XHTML

  • Introduction about HTML: Learn what HTML is and its essential role in creating web pages.
  • History of HTML: Understand how HTML has evolved from its early versions to modern standards.
  • HTML Versions: Explore the different versions of HTML and their unique features.
  • Explaining Elements, Tags, and Attributes: Dive into the building blocks of HTML—elements, tags, and attributes.
  • Head and Body Tags: Understand the purpose and usage of the <head> and <body> sections.
  • Editor Used for HTML: Introduction to tools and editors used to write HTML code.
  • How to Create a Web Page: A step-by-step guide to creating a basic HTML page.
  • Viewing the Source of a HTML Page: Learn how to view and analyze the source code of web pages.
  • White Space and Flow in a HTML Page: Learn how white space affects page structure and readability.
  • Comments in HTML: How to add comments in HTML for better organization.
  • Meta Tags in HTML: Understand how to use meta tags to control page metadata.
  • Attributes of HTML: Explore the key attributes used in HTML and how to use them effectively.
  • First Line of XHTML: Learn about the role of the first line in XHTML documents.
  • What is DTD (Document Type Declaration): Understand the importance of Document Type Declaration (DTD) in HTML.
  • Special Characters in HTML: Learn how to use special characters in HTML to ensure proper display.
  • Capitalization in HTML: Understand the significance of correct capitalization in HTML code.
  • Quotations in HTML: Learn how to use quotation marks in HTML.
  • What is Nesting: Understand the concept and importance of nesting HTML elements.
  • Spacing and Breaks in HTML: Learn how to control spacing and line breaks in HTML.

2. Core Tags and Attributes

  • html Element Details: Learn the details of the <html> element and its role in a webpage.
  • Explaining head Element: Explore the <head> element and its purpose in organizing metadata.
  • title Element Detail: Learn how the <title> element defines the title of a webpage.
  • What is body Element: Understand the role of the <body> tag in holding page content.

3. Attribute Groups

  • Various Attribute Groups: Understand different types of attributes in HTML and their grouping.
  • Core Attributes Details: Deep dive into core attributes like id, class, and style.
  • Explaining Internationalization: Learn how HTML supports different languages and regions.
  • UI Events in HTML: Understand HTML's support for user interface events like clicks, hover, etc.

4. Text Formatting

  • hn Tag for Headings: Use <h1> - <h6> tags for creating headings of various levels.
  • p Tag for Paragraphs: Learn to format paragraphs using the <p> tag.
  • br / Tag for Line Breaks: Use the <br> tag for inserting line breaks.
  • pre Tags to Maintain Formatting: Learn to preserve white space and formatting with the <pre> tag.

5. Font Styling

  • Font Styling Tags: Learn about different tags used for text styling in HTML.
  • b Tag for Bold: Use the <b> tag to apply bold text.
  • i Tag for Italicize: Use the <i> tag to apply italics to text.
  • u Tag for Underline: Apply underlines with the <u> tag.
  • s or strike Tag for Strikethrough: Use <s> or <strike> for strikethrough text.
  • tt Tag for Monospace: Understand the usage of the <tt> tag for monospaced fonts.
  • sup Tag for Superscript: Learn how to format superscript text with the <sup> tag.
  • sub Tag for Subscript: Apply subscript formatting using the <sub> tag.
  • big Tag Usage: Use the <big> tag to make text appear larger.
  • Explaining small Tag: Decrease text size using the <small> tag.
  • hr / Tag for Horizontal Lines: Use the <hr> tag to insert horizontal lines.
  • font Tag for More Font Style: Learn about the deprecated <font> tag for styling text.

6. Phrase Tags

  • What are Phrase Tags: Introduction to phrase tags used for marking different types of text.
  • em Tag for Emphasis: Learn how to emphasize text using the <em> tag.
  • strong Tag for Strong Emphasis: Apply strong emphasis using the <strong> tag.
  • address Tag for Address: Format addresses using the <address> tag.
  • abbr Tag for Abbreviations: Use the <abbr> tag to mark abbreviations.
  • acronym Tag for Acronym: Mark acronyms with the <acronym> tag.
  • dfn Tag for Special Terms: Define terms with the <dfn> tag.
  • blockquote Tag for Quoting: Use the <blockquote> tag for longer quotations.
  • q Tag for Short Quotations: Embed short quotes within a paragraph using the <q> tag.
  • cite Tag for Citations: Add citations using the <cite> tag.
  • code Tag for Code: Format code snippets using the <code> tag.
  • Explaining kbd Tag: Represent user input with the <kbd> tag.
  • var Tag for Variables: Use the <var> tag for marking variables in code.
  • samp Tag for Output: Represent sample output with the <samp> tag.
  • ins and del Tags for Editing Text: Learn to mark inserted and deleted text with <ins> and <del> tags.

7. Grouping Tags

  • Basics of Tag Grouping: Understand how to group HTML elements together for organization.
  • What is Block and Inline Elements: Learn the difference between block-level and inline elements.
  • div and span Tags in HTML: Understand how to use the <div> and <span> tags for grouping content.

8. Lists

  • Basics of a List: Learn the different list types and how they are structured.
  • ol Tag for Ordered Lists: Create ordered lists using the <ol> tag.
  • Create Unordered Lists: Use the <ul> tag to create unordered lists.
  • What is Definition Lists: Create definition lists using <dl>, <dt>, and <dd> tags.
  • Nesting Lists: Learn how to nest lists within each other.

9. Site Structure

  • What is Site Structure: Overview of structuring a website and organizing content.
  • Details on URLs: Learn the difference between absolute and relative URLs.
  • Explain Absolute URL: Understand how absolute URLs point to a complete path.
  • Illustrate Relative URL: Use relative URLs to link to resources within the same site.
  • Usage of base Tag: Learn how the <base> tag sets the base URL for relative URLs.

10. Hyperlinking

  • What is Hyperlink: Introduction to creating links between web pages.
  • Explain Source Anchor: Learn about the source anchor in a hyperlink.
  • What is Destination Anchor: Understand the destination anchor in a link.
  • Using a Tag for Creating Links: How to use the <a> tag to create links.
  • Using href Attribute: Specify the link destination using the href attribute.
  • What are MIME Types: Learn about MIME types and their role in defining content.
  • Other Attributes: Explore additional attributes like target and title for customizing links.
  • Linking to a Specific Part of a Page: Use anchor links to jump to specific sections.
  • Linking in Same Website: Learn to create links to different pages within the same website.
  • Linking to Other Websites: Use external links to connect to other websites.
  • Linking to E-mail Addresses: Create email links with the mailto: attribute.
  • What is Advanced E-mail Links: Learn how to pre-populate email content in links.
  • Steps to Spam-Proofing E-Mail Links: Best practices for protecting email addresses from spam.
  • Using Image Links: Learn how to turn images into clickable links.
  • Customizing Links: Understand how to style and customize links for user interaction.

11. Images

  • Using img Tag for Images: Learn how to display images with the <img> tag.
  • What are img Tag Attributes: Explore the different attributes used with the <img> tag.
  • Using Images as Links: Learn how to use images as clickable links.
  • Using Image Maps: Create interactive regions within images using image maps.
  • Applying Image Maps: Learn how to define areas in an image map.
  • What are Different Image Formats: Overview of various image formats like PNG, JPEG, and GIF.

12. Audio and Video Linking

  • Basics of Multimedia: Understand the role of multimedia in web development.
  • Plug-ins and Web Browsers: Learn about the use of plugins to play multimedia content.
  • Explaining Audio File Formats: Learn about different audio formats like MP3, WAV, etc.
  • What are Video Formats: Explore various video formats like MP4, AVI, and MOV.
  • embed Tag and Media Players: Learn how to embed audio and video players in HTML.

13. Forms and Input

  • What are Forms: Introduction to forms and their importance in web development.
  • Form Elements: Learn the various elements used in creating forms.
  • input Tag for User Input: Use the <input> tag for receiving user input.
  • Forms Validation: Implement basic validation techniques in forms.

14. Table Layout

  • What is Table Layout: Learn the concept and usage of tables for organizing data.
  • Creating Tables: Understand how to create tables using <table>, <tr>, <td>, and <th> tags.
  • Table Headers, Rows, and Cells: Learn the roles of headers, rows, and cells in tables.

15. External Style Sheets

  • What are External Style Sheets: Learn about linking external stylesheets to HTML documents.
  • link Tag for Linking Stylesheets: Use the <link> tag to link external CSS files.
  • What is CSS3: Introduction to CSS3 and its capabilities.
  • Advantages of External Style Sheets: Understand the benefits of using external style sheets for styling.

16. HTML5

  • Introduction to HTML5: Explore the new features and capabilities of HTML5.
  • Semantic HTML: Understand the use of semantic tags in HTML5.
  • New HTML5 Tags: Learn about new HTML5 elements such as <header>, <footer>, and <article>.
  • HTML5 APIs: Introduction to HTML5 APIs for handling multimedia, storage, and more.
  • Cross-Platform Compatibility: Learn how HTML5 ensures compatibility across various devices.

 

Apply for Certification: https://www.vskills.in/certification/Certified-html-designer

 For Support