OUTLINE:
HTML
- Basic Structure Tags ✅
<!DOCTYPE html>– Document Type Declaration<html>– Root Element<head>– Metadata (Title, Meta tags, CSS & JS linking)<body>– Content of the Webpage
- Text Formatting ✅
<b>– Bold text<strong>– Important text<i>– Italic text<em>– Emphasized text<mark>– Marked text<small>– Smaller text<del>– Deleted text<ins>– Inserted text<sub>– Subscript text<sup>– Superscript text<u>– Underline
- Lists in HTML ✅
- Ordered List (
<ol>and<li>) - Unordered List (
<ul>and<li>) - Description List (
<dl>,<dt>,<dd>)
- Ordered List (
- HTML Links – Syntax ✅
- The most important attribute of the
<a>element is thehrefattribute, which indicates the link’s destination. <link>– To link external resources
- The most important attribute of the
- HTML Table Tags ✅
<table>– Defines a table<th>– Defines a header cell in a table<tr>– Defines a row in a table<td>– Defines a cell in a table
- Form Tags ✅
<form>– Create a form<input>– User input field<label>– Input label<select>– Dropdown list<option>– Dropdown option<button>– Button
- Blockquote ✅
- Media Tags ✅
- Audio
- Video
- Image & Attributes ✅
CSS
- Types of CSS ✅
- Inline CSS
- Internal CSS
- External CSS
- Properties ✅
color– To change text colorbackground-color– To set background color of an elementfont-size– To change text sizefont-family– To change font stylemargin– To define outer space of an elementpadding– To adjust inner space of an elementborder– To define the border of an elementwidth&height– To set dimensions of an elementdisplay– To define layout type (Block, Inline, Flex, Grid, etc.)position– To define positioning (Relative, Absolute)
- Box Model ✅
- Content – The actual content of the element
- Padding – The space between content and border
- Border – The boundary of the element
- Margin – The space outside the element
- Flexbox & Grid (For layouts) ✅
display: flex;justify-content: center;align-items: center;gap– Adds space between flex items
- Background & Colors ✅
- Borders & Outlines ✅
- Typography & Text Styling ✅
