Mastering HTML & HTML5: From Basics to Intermediate
1. Introduction to Web & HTML
- ▸The Internet: A global network connecting computers worldwide.
- ▸Web Development: Creating websites & web applications.
- ▸HTML (HyperText Markup Language): The standard markup language for creating web pages.
- ▸Evolution: From basic HTML to HTML5 features.
2. HTML Document Structure
Every HTML document follows a tree-like structure known as the DOM. The declaration defines the document type. The tag wraps all content.
contains metadata and title, while contains the visible page content.<html>
<body> Content </body>
</html>
3. Basic HTML Tags
Headings:
(Most important) to (Least important).
Paragraphs:
tag defines a block of text.
Separators:
for single line breaks,
for horizontal rules.
Formatting: (Bold importance), (Emphasized italics).
4. Organizing Content: Lists
Lists organize data linearly.
- (Unordered List) uses bullet points.
- (Ordered List) uses numbers or letters.
- (Description List) pairs terms with definitions.
<ol><li>First</li></ol>
“The tag defines a hyperlink, which is used to link from one page to another.”
5. Links & Navigation Fundamentals
Attributes: href (Target URL), target (Where to open)
6. Images & Media
Images enhance visual appeal. The tag is empty—it contains attributes only and no closing tag. The 'src' attribute defines the path, while 'alt' provides alternative text for accessibility.
7. Structured Data: Tables (Level 2)
: Header cell (bold & centered by default).| : Standard table data cell. | Attributes: rowspan & colspan for merging cells. 9 8. Forms & InputsForms collect user input. The 10 9. Essential Attributesid id: Specifies a unique id for an element (cannot be duplicated). class class: Specifies a class name (can be used on multiple elements). style style: Adds inline CSS styling to an element. 11 10. Semantic HTML5Semantic elements clearly describe their meaning to both the browser and the developer. Using Made withbobr.ai 1 / 11 |
|---|