HTML Summary Notes
Introduction
HTML (HyperText Markup Language) is the standard language for creating web pages and
web applications. It describes the structure of a webpage using tags.
Editors
HTML can be written using Notepad, Notepad++, VS Code, Sublime Text, Atom, or Brackets.
Elements
HTML elements consist of a start tag, content, and an end tag. Example: <p>This is a
paragraph.</p>
Attributes
Attributes provide extra information about elements. Example: <img src='[Link]'
alt='description' width='200'>
Heading
HTML has 6 levels of headings: <h1> to <h6>, where <h1> is the largest.
Paragraph
Paragraphs are defined using the <p> tag.
Formatting
Used to format text: <b>, <i>, <u>, <mark>, <small>, <strong>, <em>, <del>, <ins>.
Link
Creates hyperlinks using the <a> tag. Example: <a href='[Link]
Head
Contains metadata and settings, placed inside the <head> tag. Example: <meta
charset='UTF-8'>
Table
Used to display data in rows and columns. Example:
<table><tr><th>Name</th></tr><tr><td>Poulomi</td></tr></table>
List
Ordered List: <ol>, Unordered List: <ul>, Definition List: <dl>. Example:
<ul><li>Item</li></ul>
Block
Block-level elements take full width: <div>, <p>, <h1>, <section>, <article>, <footer>.
Layout
HTML layout uses elements like <div>, <section>, <header>, <footer> and CSS (flexbox,
grid) for structure.
CSS
CSS (Cascading Style Sheets) styles HTML: Example: <style> p { color: red; } </style> or
external file: <link rel='stylesheet' href='[Link]'>
Form
Used for user input. Example: <form><input type='text' name='name'><input
type='submit'></form>
Iframe
Embeds another webpage. Example: <iframe src='[Link] width='300'
height='200'></iframe>
Colors
Defined by name (red), hex (#ff0000), or RGB (rgb(255, 0, 0)).
Colorname & Colorvalue
Colorname: red, green, blue. Colorvalue: #RRGGBB, rgb(), hsl(). Example: <p style='color:
green;'>Green text</p>