UI Development Fundamentals
HTML Structure & Semantic Markup
76 lessons in UI Development Fundamentals
- Basic Form ElementsSlides / Video
- Tables for Tabular DataSlides / Video
- Comments in HTMLSlides / Video
- Semantic Layout ElementsSlides / Video
- What Semantic Markup MeansSlides / Video
- The div and span Generic ContainersSlides / Video
- Block-level vs Inline ElementsSlides / Video
- HTML Attributes: id, class & GlobalsSlides / Video
- Images and the img ElementSlides / Video
- Links and Anchor ElementsSlides / Video
- List ElementsQuiz
- Links and Anchor ElementQuiz
- Image Element and altQuiz
- Table ElementsQuiz
- Basic HTML Document StructureQuiz
- Void ElementsQuiz
- Text Content ElementsQuiz
- Form ElementsQuiz
- Comments in HTMLQuiz
- id and class AttributesQuiz
- Div and Span ContainersQuiz
- Block vs Inline ElementsQuiz
- Benefits of Semantic MarkupQuiz
- Elements, Tags, and AttributesQuiz
- Nesting and Element HierarchyQuiz
- Head Metadata BasicsQuiz
- Semantic vs Non-SemanticQuiz
- Semantic Sectioning ElementsQuiz
- Heading ElementsQuiz
- HTML Lists: Ordered, Unordered, DescriptionSlides / Video
- Text Formatting ElementsSlides / Video
- Paragraphs & Text Content ElementsSlides / Video
- Description List StructureCode Quiz
- Semantic Layout ElementsCode Quiz
- Div vs Span UsageCode Quiz
- Global AttributesCode Quiz
- Semantic vs Non-SemanticCode Quiz
- HTML Comment SyntaxCode Quiz
- Block vs Inline NestingCode Quiz
- Void ElementsCode Quiz
- Figure and FigcaptionCode Quiz
- List Item NestingCode Quiz
- Text Formatting SemanticsCode Quiz
- Anchor Href AttributeCode Quiz
- Image Source and AltCode Quiz
- Table Cell ElementsCode Quiz
- Basic HTML Document StructureCode Quiz
- Head Metadata ElementsCode Quiz
- Heading HierarchyCode Quiz
- Paragraph and Line BreakCode Quiz
- Headings and Content HierarchySlides / Video
- Void vs Container ElementsSlides / Video
- Nesting and Element HierarchySlides / Video
- The head Section and MetadataSlides / Video
- Tables for Tabular DataFlashcard
- Purpose of the Head ElementFlashcard
- Common HTML AttributesFlashcard
- Block vs Inline ElementsFlashcard
- Meta Tags and Character EncodingFlashcard
- The Title ElementFlashcard
- Basic HTML Document StructureFlashcard
- Void (Self-Closing) ElementsFlashcard
- Nesting and Element HierarchyFlashcard
- Paragraphs and Text FormattingFlashcard
- Links and the Anchor ElementFlashcard
- What Semantic Markup MeansFlashcard
- Semantic Layout ElementsFlashcard
- Form Elements BasicsFlashcard
- HTML CommentsFlashcard
- Anatomy of an HTML ElementFlashcard
- Headings and Document OutlineFlashcard
- HTML ListsFlashcard
- Images and the Alt AttributeFlashcard
- Semantic vs Non-Semantic ElementsFlashcard
- Basic HTML Document StructureSlides / Video
- Anatomy of an HTML ElementSlides / Video