HTML and CSS Primer

HTML and CSS Primer (HTC099)

Course Length: 1 day
Delivery Methods: Available as private class only
Course Overview

HTML and CSS are the fundamental building blocks of web development. HTML structures the content on the web, while CSS styles and formats it to create visually appealing pages. A solid understanding of these technologies is essential for creating and maintaining professional websites. This primer course is designed for beginners, providing a thorough introduction to HTML and CSS, and equipping participants with the skills needed to start building and styling web pages effectively.

This course covers the basics of HTML and CSS, including how to structure web content, apply styles, and create layouts. Through hands-on exercises and practical examples, participants will learn to develop and style web pages from scratch. By the end of the course, attendees will have a foundational knowledge of HTML and CSS, enabling them to create and maintain simple, well-structured websites.

Course Benefits
  • Learn the basics of Web development
  • Learn the benefits of CSS.
  • Learn to avoid using deprecated tags and attributes.
  • Learn CSS syntax.
  • Learn to use <div> and <span> tags appropriately.
Course Outline
  1. A Quick Overview of Web Development
    1. HTML is Part of a Team
    2. Client-side Programming
    3. Server-side Programming
  2. Introduction to HTML
    1. A Simple HTML Document (Exercise)
    2. HTML Elements, Attributes, and Comments
    3. The HTML Skeleton
    4. Viewing the Page Source
    5. Special Characters
    6. History of HTML
    7. The lang Attribute
  3. Paragraphs, Headings, and Text
    1. Paragraphs
    2. Heading Levels
    3. Breaks and Horizontal Rules
    4. The div Tag
    5. Creating an HTML Page (Exercise)
    6. Quoted Text
    7. Preformatted Text
    8. Inline Semantic Elements
    9. Adding Inline Elements (Exercise)
  4. HTML Links
    1. Text Links
    2. Absolute vs. Relative Paths
    3. Targeting New Tabs
    4. Email Links
    5. Adding Links (Exercise)
    6. Lorem Ipsum
    7. The title Attribute
    8. Targeting a Specific Location on the Page
  5. HTML Images
    1. Inserting Images
    2. Image Links
    3. Adding Images to the Page (Exercise)
    4. Providing Alternative Images
  6. HTML Lists
    1. Unordered Lists
    2. Ordered Lists
    3. Description Lists
    4. Creating Lists (Exercise)
  7. Crash Course in CSS
    1. Benefits of Cascading Style Sheets
    2. CSS Rules
    3. Selectors
    4. Combinators
    5. Precedence of Selectors
    6. How Browsers Style Pages
    7. CSS Resets
    8. CSS Normalizers
    9. External Stylesheets, Embedded Stylesheets, and Inline Styles
    10. Creating an External Stylesheet (Exercise)
    11. Creating an Embedded Stylesheet (Exercise)
    12. Adding Inline Styles (Exercise)
    13. div and span
    14. Styling div and span (Exercise)
    15. Media Types
    16. Units of Measurement
    17. Inheritance
Class Materials

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
Request Proposal