inialdan/html-basic

HTML Basic Code

HTML Basic

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
• Email
• 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