Frontend Web Development

  1. HTML: Structuring Web Content
    1. HTML Fundamentals
      1. HTML Syntax Rules
        1. Elements and Tags
          1. Attributes and Values
            1. Global Attributes
              1. Boolean Attributes
                1. Custom Data Attributes
                2. Document Object Model
                  1. DOM Tree Structure
                    1. Node Types
                      1. Element Relationships
                        1. DOM Manipulation Concepts
                        2. Document Structure
                          1. DOCTYPE Declaration
                            1. HTML Root Element
                              1. Head Section Components
                                1. Meta Tags
                                  1. Title Element
                                    1. Script Elements
                                    2. Body Section Structure
                                    3. Text Content Elements
                                      1. Headings Hierarchy
                                        1. Paragraph Elements
                                          1. Text Formatting
                                            1. Bold and Strong
                                              1. Italic and Emphasis
                                                1. Underline and Strike-through
                                                2. Line Breaks and Spacing
                                                  1. Horizontal Rules
                                                    1. Quotations
                                                      1. Blockquotes
                                                        1. Inline Quotes
                                                        2. Code and Preformatted Text
                                                        3. List Elements
                                                          1. Unordered Lists
                                                            1. Ordered Lists
                                                              1. List Items
                                                                1. Description Lists
                                                                  1. Nested Lists
                                                                  2. Image and Media Elements
                                                                    1. Image Elements
                                                                      1. src Attribute
                                                                        1. alt Attribute
                                                                          1. width and height Attributes
                                                                          2. Figure and Caption Elements
                                                                            1. Responsive Images
                                                                              1. srcset Attribute
                                                                                1. sizes Attribute
                                                                                  1. picture Element
                                                                                2. Semantic HTML Elements
                                                                                  1. Importance for SEO
                                                                                    1. Importance for Accessibility
                                                                                      1. Document Structure Elements
                                                                                        1. Header Element
                                                                                          1. Main Element
                                                                                            1. Article Element
                                                                                              1. Section Element
                                                                                                1. Aside Element
                                                                                                2. Content Sectioning
                                                                                                  1. Text-Level Semantics
                                                                                                    1. Mark Element
                                                                                                      1. Time Element
                                                                                                        1. Address Element
                                                                                                      2. Form Elements and Controls
                                                                                                        1. Form Element Structure
                                                                                                          1. action Attribute
                                                                                                            1. method Attribute
                                                                                                              1. enctype Attribute
                                                                                                              2. Input Element Types
                                                                                                                1. Text Input
                                                                                                                  1. Password Input
                                                                                                                    1. Email Input
                                                                                                                      1. Number Input
                                                                                                                        1. Date and Time Inputs
                                                                                                                          1. Checkbox Input
                                                                                                                            1. Radio Button Input
                                                                                                                              1. File Input
                                                                                                                                1. Hidden Input
                                                                                                                                2. Form Control Elements
                                                                                                                                  1. Textarea Element
                                                                                                                                    1. Select and Option Elements
                                                                                                                                      1. Button Elements
                                                                                                                                        1. Fieldset and Legend
                                                                                                                                        2. Form Validation
                                                                                                                                          1. HTML5 Validation Attributes
                                                                                                                                            1. Required Fields
                                                                                                                                              1. Pattern Matching
                                                                                                                                                1. Custom Validation Messages
                                                                                                                                                2. Form Accessibility
                                                                                                                                                  1. Label Elements
                                                                                                                                                    1. ARIA Attributes for Forms
                                                                                                                                                      1. Form Error Handling
                                                                                                                                                    2. Table Elements
                                                                                                                                                      1. Table Structure
                                                                                                                                                        1. Table Rows
                                                                                                                                                          1. Table Headers
                                                                                                                                                            1. Table Data Cells
                                                                                                                                                              1. Table Sections
                                                                                                                                                                1. Table Head
                                                                                                                                                                  1. Table Body
                                                                                                                                                                  2. Cell Spanning
                                                                                                                                                                    1. Column Spanning
                                                                                                                                                                      1. Row Spanning
                                                                                                                                                                      2. Table Accessibility
                                                                                                                                                                        1. Table Styling Considerations
                                                                                                                                                                        2. Multimedia Elements
                                                                                                                                                                          1. Audio Elements
                                                                                                                                                                            1. Audio Sources
                                                                                                                                                                              1. Audio Controls
                                                                                                                                                                                1. Audio Attributes
                                                                                                                                                                                2. Video Elements
                                                                                                                                                                                  1. Video Sources
                                                                                                                                                                                    1. Video Controls
                                                                                                                                                                                      1. Video Attributes
                                                                                                                                                                                        1. Poster Images
                                                                                                                                                                                        2. Embedded Content
                                                                                                                                                                                          1. iframe Elements
                                                                                                                                                                                            1. Object and Embed Elements

                                                                                                                                                                                        Previous

                                                                                                                                                                                        2. How the Web Works

                                                                                                                                                                                        Go to top

                                                                                                                                                                                        Next

                                                                                                                                                                                        4. CSS: Styling and Layout