SSWebTechIO

HTML & Web Design

Learn HTML from basics to advanced including tags, forms, tables, media, layouts, and building complete structured web pages.

Chapters

What is HTML
History and Versions of HTML
Uses of HTML
Advantages and Limitations of HTML
HTML File Extension (.html / .htm)

Internet
World Wide Web (WWW)
Website and Webpage
URL Structure
Web Browsers (Chrome, Firefox, Edge)

3. HTML Editors

HTML Editors
Notepad
Notepad++
Sublime Text
Visual Studio Code
Creating, Saving, and Running HTML Files

<!DOCTYPE html>
<html>
<head>
<title>
<body>
Explanation of basic HTML document structure

HTML Tags
Paired and Unpaired Tags
HTML Attributes
Global Attributes like id, class, title

<title> tag
<meta> tags
charset
description
keywords
viewport
<link>
<style>
<script>

<b>, <strong>
<i>, <em>
<u>, <mark>
<small>, <big>
<del>, <ins>
<sup>, <sub>
<pre> tag

Heading tags <h1> to <h6>
Paragraph tag <p>
Line break <br>
Horizontal rule <hr>

<div> tag
<span> tag
Block elements
Inline elements

Anchor tag <a>
Internal links
External links
Email links
Named anchors / Bookmarks

Image tag <img>
src attribute
alt attribute
width and height
Image formats

12. Lists in HTML

Ordered list <ol>
Unordered list <ul>
Definition list <dl>
<li>, <dt>, <dd> tags

<table> tag
<tr>, <th>, <td>
border
cellpadding
cellspacing
rowspan
colspan

14. Forms in HTML

<form> tag
Form attributes
<input> types
text
password
email
radio
checkbox
submit
reset
<textarea>
<select>
<option>
<label>

<frameset>
<frame>
Nested frames
<iframe> tag

HTML5 features
Differences between HTML and HTML5

<audio> tag
<video> tag
<source> tag
controls
autoplay
loop

required
pattern
minlength
maxlength
autofocus
email
number
date
range

HTML page layout
Header
Content
Sidebar
Footer
Basic layout structure

21. HTML Comments

HTML comment syntax

Uses of HTML comments