- Introduction
- What you will learn?
- Learning Approach
- Setting up your course
- Install Chrome
- Install Brackets Editor
- Introduction
- Internet data flow explained
- Submarine cables for internet
- Hello World
- Create project folder
- Open project folder in Brackets
- Create HTML File
- Key in HTML Code - Step 1
- Key in HTML Code - Step 2
- HTML is a text file
- Launch HTML file in browser
- Launch HTML using Live Preview
- Understanding hello.html
- About HTML
- HTML in the Internet
- Practice Exercise on Heading
- Title
- Implement Title
- Title Explained
- Practice Exercises on Title
- Paragraph
- Implement news article - Download content
- Coding HTML
- Implementing news article content
- Practice Exercises on Paragraph
- About HTML Comments
- Link
- Implementing a Link
- Understanding Anchor tag
- Understanding HTML Attributes
- Practice Exercises on Link
- External Link
- Implement External Link
- External Link Explained
- Image
- Create folder for images
- Displaying Brackets and Chrome side by side
- Download Image
- Implement image display
- Practice Exercises on Image
- List
- Implement Unordered List
- Implement Ordered List
- Practice Exercises on List
- Table
- Implement Table Header
- Implement Table Cells
- Implement Table Borders
- Understanding Table tags
- Practice Exercises on Table
- How does a Form look like?
- Input Text
- Implement Input Text
- How Input Text works?
- Implement Input Text Placeholder and Value
- Implement Input Text Label
- Implement Input Text Email
- Implement Input Password
- Implement Select
- How does a Radio Button look like?
- Implement Radio Button
- Implement Radio Button Grouping
- Implement Radio Button Labels
- Implement Radio Button selection
- Implement Check Box
- Implement Check Box Selection
- Implement Text Area
- Implement Form Submission
- How Form Submission works?
- Submitting a Form to Server
- Submit form with name attribute
- Submit form using POST method
- Submit Select Element value
- Submit Radio Button value
- Submit Check Box value
- HTML5 Form Elements
- Practice Exercises on Form
- Block and Inline introduction
- Block Elements Explained
- Inline Elements Explained