title
Please take a moment to fill out this form. We will get back to you as soon as possible.
All fields marked with an asterisk (*) are mandatory.
Fundamentals of HTML5 and CSS3
Course Description
Overview
This HTML and CSS course is designed to introduce HTML basics for creating meaningful and interesting pages. The course includes fun and real-world examples to highlight the differences in the new versions of HTML and CSS.Cascading Style Sheets (CSS) have become a fundamental part in the development and management of web pages. CSS plays a critical role for any organization that has adopted the concept of separating content from presentation in Web pages.
Objectives
- Analyze how the Web operates in conjunction with XHTML's role
- Classify basic Web page construction – including the major Tag
- Create a Web page that includes multiple images and hyperlinks
- Recognize the <HEAD> section as well as the corresponding Meta-data
- Define the basic Tag attributes
- Compute and add one or more lists to a page
- Identify the benefits of XHTML
- Differentiate between XHTML well-formed and XHTML validity rules
- Demonstrate HTML to XHTML conversion
- Create a Web page that includes HTML5 components
- Analyze CSS theory and concepts including selectors, cascading, inheritance, and specificity
- Demonstrate how CSS properties and values are used to control positioning, color, background and borders
- Appraise CSS3 theory and concepts including selectors, cascading, inheritance, and specificity
Audience
- Application Developers
- Systems Engineers
- Web Developers and Managers
- Graphic Designers
Prerequisites
- Basic understanding of the Web
- Some programming experience is helpful for the CSS portion but is not required
Topics
- Internet Terminology and the History of Markup
- HTML and (X)HTML Versions
- Markup
- Tags
- Attributes
- Common Core Attributes
- Basic HTML Tags
- Body, head, headers
- Document Formatting Tags
- Text Formatting Tags
- HTML Events and When They Occur
- Summary
- Forms
- The <input> Tag
- The <textarea> Tag
- <select> and <option>Tag
- Submit and Reset Button
- The Action and Method Attribute
- Form Submission: Get vs. Post
- Linking Documents
- The Anchor Tag <a>
- Relative vs. Absolute Links
- Images
- Image Formats
- <img> Tag and its Attributes
- Tables
- Creating Tables
- Rows and Columns
- Using thead, tfoot and tbody
- Special Characters
- Formatting Tags
- HTML Lists
- Logical vs. Physical Tags
- Block vs. Inline Tags
- Box Model
- The <div> and <span> Tags
- Understanding DOCTYPE
- Quirks Mode and Standards Mode
- Which DOCTYPE Should I Use?
- XHTML Basics
- What’s wrong with HTML?
- XHTML vs. CSS vs. JavaScript
- Why use XHTML?
- XML (XHTML) Rules
- XML (XHTML) Validity Rules
- Converting HTML to XHTML
- Mandatory XHTML Elements
- CSS History
- Why use Style Sheets?
- CSS Syntax
- Placement of Styles
- Inline Style Attribute
- The <style> Tag
- External CSS Files
- Browser Default Style Sheets
- The Style Object
- CSS Property References
- Understanding Style Inheritance
- CSS Style and Computed Style
- Understanding Selectors
- CSS Syntax for Classes and IDs
- More on Selectors
- Pseudo Selectors, Classes and Elements
- CSS Shorthand Properties
- Text and Fonts - The Big Picture
- Fonts: font-family, size, weight and style
- Text: text-decoration, color, dimensions
- Background Properties
- Background-Image
- Block tags vs. Inline tags
- Box-Level Individual Properties, Content Area, Padding Properties, Border Properties
- Box Model: Margins,Margin Properties, Negative Margins, Collapsing Margins
- Margins vs. Padding
- IE and the Box Model
- Positioning 101
- Normal Flow
- Relative and Absolute Positioning
- Floating and Positioning
- Tableless Layout
- The Cascade
- How Many Ways can an Element be Styled?
- Sources of Style Rules
- How are Conflicts Resolved?
- Who Supplies the Rule
- Specificity
- Validating CSS
- The W3C Validator
- If Expressions in IE
- CSS Best Practices
- Creating CSS for Different Media
- Browser Differences
- Syntax changes from XHTML
- New Input tag types and attributes
- New functional markup tags and attributes
- New semantical markup tags and attributes
- Boxing
- Media Queries
- Selectors
- Pseudo Elements and Classes
- Text Effects
- Columns
- Background Images
- Borders
- Opacity and transparency
- Gradients
- Transformations
- Transitions and Animations
Related Courses
-
HTML, XHTML, and CSS
WDHT-200-DE- Duration: 3 Days
- Delivery Format: Classroom Training, Online Training
- Price: 1,550.00 EUR
-
New Features of HTML5 and CSS3
WDHT-205-DE- Duration: 2 Days
- Delivery Format: Classroom Training, Online Training
- Price: 1,030.00 EUR
Self-Paced Training Info
Learn at your own pace with anytime, anywhere training
- Same in-demand topics as instructor-led public and private classes.
- Standalone learning or supplemental reinforcement.
- e-Learning content varies by course and technology.
- View the Self-Paced version of this outline and what is included in the SPVC course.
- Learn more about e-Learning
Course Added To Shopping Cart
bla
bla
bla
bla
bla
bla
Self-Paced Training Terms & Conditions
Sorry, there are no classes that meet your criteria.
Please contact us to schedule a class.
STOP! Before You Leave
Save 0% on this course!
Take advantage of our online-only offer & save 0% on any course !
Promo Code skip0 will be applied to your registration