HTML and CSS Primer (HTC099)
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.
- 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.
- A Quick Overview of Web Development
- Client-side Programming
- HTML
- Cascading Style Sheets
- JavaScript
- Ajax
- JavaScript Frameworks
- Server-side Programming
- Java EE
- ASP.NET
- Python
- PHP
- ColdFusion
- Node.js
- Client-side Programming
- Introduction to HTML
- Getting Started
- Exercise: A Simple HTML Document
- The HTML Skeleton
- The <head> Element
- The <body> Element
- Whitespace
- Viewing Page Source
- 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
- Exercise: 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
- Exercise: 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
- Exercise: 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
- Exercise: Creating Lists
- Unordered Lists
- Crash Course in CSS
- Benefits of Cascading Style Sheets
- CSS Rules
- CSS Comments
- Selectors
- Type Selectors
- Class Selectors
- ID Selectors
- Attribute Selectors
- The Universal Selector
- Grouping
- Combinators
- Descendant Combinators
- Child Combinators
- General Sibling Combinators
- Adjacent Sibling Combinators
- Precedence of Selectors
- How Browsers Style Pages
- CSS Resets
- CSS Normalizers
- External Stylesheets, Embedded Stylesheets, and Inline Styles
- External Stylesheets
- Embedded Stylesheets
- Inline Styles
- Exercise: Creating an External Stylesheet
- Exercise: Creating an Embedded Stylesheet
- Exercise: Adding Inline Styles
<div>
and<span>
- Exercise: Divs and Spans
- Media Types
- Units of Measurement
- Absolute vs. Relative Units
- Pixels
- Ems and Rems
- Percentages
- Other Units
- Inheritance
- The inherit Value
- CSS Fonts
- font-family
- Specifying by Font Name
- Specifying Font by Category
- @font-face
- Getting Fonts
- font-size
- Relative font-size Terms
- Best Practices
- font-style
- font-variant
- font-weight
- line-height
- font
- Exercise: Styling Fonts
- font-family
- Color and Opacity
- About Color and Opacity
- Color and Opacity Values
- Color Keywords
- RGB Hexadecimal Notation
- RGB Functional Notation
- HSL Functional Notation
- color
- opacity
- Exercise: Adding Color and Opacity to Text
- CSS Text
- letter-spacing
- text-align
- text-decoration
- text-indent
- text-shadow
- text-transform
- white-space
- word-break
- word-spacing
- Exercise: Text Properties
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