Search
START TYPING AND PRESS ENTER TO SEARCH

    Have a Question About This Course?





    Image

    Introduction to HTML and CSS

    Web Development Series
    This course serves as a quick HTML and CSS primer for students who need basic knowledge of these technologies. By learning the fundamentals of these languages, students will have a better understanding of how modern websites are built. The course covers various topics, including the basics of HTML, CSS syntax and selectors, typography, colors, and text properties. Throughout the course, students will engage in hands-on exercises to reinforce their learning and gain practical experience.

    This course can be useful for project managers and other people who work with web developers who would benefit from having a better understanding of how websites are built. It can also serve as an entry-level course for new web developers.

    Introduction to HTML and CSS Objectives

    • Strong foundation: The course lays a solid foundation in HTML and CSS enabling students to build more complex web pages and applications in the future.
    • Accessibility: Students will learn best practices for creating accessible websites ensuring that their web content is usable by a wide range of users including those with disabilities.
    • Visual appeal: Understanding CSS allows students to create visually appealing websites with customized designs enhancing user experience and engagement.
    • Hands-on experience: The course includes practical exercises that enable students to apply their knowledge in real-world scenarios preparing them for future web development projects.

    Need Assistance Finding the Right Training Solution

    Our Consultants are here to assist you
    Arrange a consultation

    Key Point of Training Programs

    We have different work process to go step by step for complete our working process in effective way.
    • Introduction to HTML and CSS Prerequisites

      None

    • Introduction to HTML and CSS Format

      In-Person

      Online

    • Introduction to HTML and CSS Outline

      Outline
      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
      Introduction to HTML
      Getting Started
      Exercise: A Simple HTML Document
      The HTML Skeleton
      The Element
      The 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
      HTML Lists
      Unordered Lists
      Nesting Unordered Lists
      Ordered Lists
      Nesting Ordered Lists
      The type Attribute
      The start Attribute
      Definition Lists
      Exercise: Creating 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

      and
      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
      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