Learn HTML Basic Code
- Basic HTML (HTML Tag, Head > Title, Body)
Basic
- Simple Document (HTML Tag, h1, p)
- Headings (h1, h2, h3, h4, h5, h6)
- Paragraphs
- Links
- Images
Formatting
- Bold
- Strong
- Italic
- Em
- Mark
- Small
- Deleted
- Inserted
- Subscript
- Superscript
Quotation
- Blockquote
- Short Quotations
- Abbreviations
- Address
- Cite
- Bi-Directional Override
Comment
- Basic
Colors
- background-color (style="background-color:Red;")
- text-color (style="color:Red;)
- border-color (style="border:2px solid Tomato;")
CSS
- Inline
Links
- Url Absolute
- Url Relative
- Url Target
- Images as a Url
- Email Address
- Button
- Colors
- Bookmark
Images
- Basic
- Map
- Background
- The Picture Element
Table
- Basic
- Span
- Row
- Caption
- Special Style
- Cell Spacing
- Cell Padding
List
- Basic
- Unordered
- Ordered
- Description
Block & Inline
- Block-level
- Inline
- Div Element
- Span Element
Classes
- Basic
- Multiple
- Attribute
Id
- Attribute
- Between Class and Id
- Bookmark and Links
Iframes
- Basic
- Remove Background
- Target for a link
JavaScript
- Basic
- Date and Time
- Change Style
- Change Images
- No Script
File Path
- Url
- Relative Path
Head
- Title
- Style
Layout
- CSS Float
- CSS Flexbox
Responsive
- Viewport
- Image
- Image max-width
- Different Image
- Text
- Media Queries
- Web Page
- w3school Demo
Computer Code
- Code
- Code Pre
- Input Keyboard
- Program Output
- Variables
Semantics
- Section
- Article
- Footer
- Nav
- Header
- Aside
- Figure
- Mark
- Summary
- Time
- Details
- Figcaption
- Main
Style Guide
- Document Type
- Lowercase Element Name
- Close All Html Elements
- Lowercase Attribute Name
- Always Quote Attribute Values
- Always Specify alt, width, and height for Images
- Spaces and Equal Signs
- Avoid Long Code Lines
- Good Table
- Good List
- Lang Attribute
- Meta Data
- Setting Viewport
- Comments
- Loading JavaScript
- Accessing HTML Elements with JavaScript
Entities
- Non-breaking space
- Less-than sign
- Greater-than sign
- Ampersand sign
- Double quote sign
- Single quotation mark (apostrophe) sign
- Cent sign
- Pound Sign
- Yen Sign
- Euro Sign
- Copyright Sign
- Registered Trade Mark Sign
- Special Character Grave Accent
- Special Character Acute Accent
- Special Character Circumflex Accent
- Special Character Tilde Accent
Symbol
- For All
- Partial Differential
- There-exists
- Empty-sets
- Nabla
- Element-of
- Not-an-element-of
- Contains-a-member
- N-ARY Product
- N-ARY Summary
Emojis
- Sample
- Sample Characters
- Sized Emojis
- Example
HTML Form
- Example
- Form Element
- Input Element
- Text Fields
- Label
- Radio Button
- Checkbox
- Submit Button
HTML Form Attributes
- The target attribute
- Method Get
- Method Post
- Autocomplete
- Novalidate
- Accept-charset
- Encytpe
- Name
HTML Form Element
- Input
- Label
- Select
- Selected
- Size
- Multiple
- Textarea
- Button
- Fieldset and elements
- Datalist
- Output
- Legend
- Optgroup
HTML Input Type
- Text
- Password
- Submit
- Reset
- Radio
- Checkbox
- Button
- Color
- Date
- Basic
- Field Restrictions
- Local
- File
- Hidden
- Month
- Number
- Range
- Search
- Telephone
- Time
- Url
- Week
HTML Input Attribute
- Value
- Readonly
- Disabled
- Size
- Maxlength
- Min and Max
- Multiple
- Pattern
- Placeholder
- Required
- Step
- Autofocus
- Height and Width
- List
- Autocomplete
HTML Input Form Attributes
- Example
- Action
- Enctype
- Method
- Target
- Novalidate
- Novalidate as Form
HTML Graphics
- Canvas
- Canvas Add Java Script
- Canvas Draw Circle
- Canvas Draw Text
- Canvas Draw Text Stroke
- Canvas Draw Linear Gradient
- Canvas Draw Circular Gradient
- Canvas Image to Use
HTML SVG
- Rectangle
- Rounded Rectangle
- Circle
- Ellipse
- Star
- Logo
HTML Video
- Video Basic
- Video Autoplay
- Video Autoplay muted
HTML Audio
- Audio Basic
- Audio Autoplay
- Audio Autoplay Muted
HTML Snippet
HTML Pluggins
- Object HTML
- Object Image
HTML YouTube
- YouTube Basic
- YouTube Autoplay
- YouTube Autoplay Muted
- YouTube Loop
- YouTube Playlist
- YouTube Control Active
- YouTube Control Non Active
HTML Geolocation
- Geolocation Basic
- Geolocation handling erros and rejections
HTML Drag and Drop
- Drag and Drop Basic
- Drag and Drop Another Sample
HTML Web Storage
- Web Storage Local Basic
- Web Storage Local Click Count
- Web Storage Session Click Count
HTML Web Workers
- Web Worker Basic
HTML SSE (Server-Sent Event)
- SSE Receive