Skip to content
This repository has been archived by the owner on Jan 13, 2023. It is now read-only.

BGP100/HTML-Guide

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1,614 Commits

CSS

CSS

 
 

HTML

HTML

 
 

HTML5

HTML5

 
 

JS

JS

 
 

README.md

README.md

 
 

Repository files navigation

HTML-Guide

The ultimate HTML, CSS, and JS guide on github. (I think so)

788 PAGES IN TOTAL!!!

If you find any errors, please send a screenshot to business.bledy@gmail.com

List of HTML

  1. Home
  2. Introduction
  3. Editor
  4. Basic
  5. Elements
  6. Attributes
  7. Headings
  8. Paragraphs
  9. Styles
  10. Formating
  11. Quotations
  12. Comments
  13. Colors
    • RGB Colors
    • HEX Colors
    • HSL Colors
  14. What's CSS
  15. Links
    • Link Colors
    • Link Bookmarks
  16. Images
    • Image Map
    • Background Images
  17. Picture
  18. Favicon
  19. Tables
    • Table Borders
    • Table Sizes
    • Table Headers
    • Table Padding & Spacing
    • Table Colspan & Rowspan
    • Table Style
    • Table Colgroup
  20. Lists
    • Unordered Lists
    • Ordered Lists
    • Description Lists
  21. Block & Inline
  22. Classes
  23. ID
  24. iFrame
  25. What's JS
  26. File Paths
  27. Head
  28. Layout
  29. Responsive
  30. Computercode
  31. Semantics
  32. Beginner Guide
  33. Entities
  34. Symbols
  35. Emojis
  36. Charset
  37. URL Encode
  38. XHTML
  39. Forms
    • Form Atributes
    • Form Elements
    • Input Types
    • Input Atributes
    • Input Form Atributes
  40. Canvas
  41. SVG
  42. Media
  43. Video
  44. Audio
  45. Plug-ins
  46. Adding YouTube
  47. APIs
  48. Geolocation
  49. Drag/Drop
  50. Web Storage
  51. Web Workers
  52. SSE
  53. Graphics
    • Maps
      • Map Intro
      • Map Basic
      • Map Overlays
      • Map Events
      • Map Controls
      • Map Types
      • Map References
    • SVGs
      • SVG Intro
      • SVG HTML
      • SVG Rectangle
      • SVG Circle
      • SVG Ellipse
      • SVG Line
      • SVG Polygon
      • SVG Polyling
      • SVG Path
      • SVG Text
      • SVG Stroking
      • SVG Filters
      • SVG Blur
      • SVG Shadows
      • SVG Linear
      • SVG Radial
    • Canvas
      • Canvas Coordinates
      • Canvas Gradient
      • Canvas Text
      • Canvas Images
      • Clocks
      • Clock Face
      • Clock Numbers
      • Clock Hands
      • Clock Start
      • Game Intro
      • Game Canvas
      • Game Components
      • Game Controllers
      • Game Obstacles
      • Game Score
      • Game Images
      • Game Sound
      • Game Gravity
      • Game Bouncing
      • Game Rotation
      • Game Movement
  54. Timer
  55. Tags
  56. HTML Quiz

Every Tag

  1. <!-- ... -->
  2. <!DOCTYPE>
  3. <a>
  4. <abbr>
  5. <acronym>
  6. <address>
  7. <applet>
  8. <area>
  9. <article>
  10. <aside>
  11. <audio>
  12. <b>
  13. <base>
  14. <basefont>
  15. <bdi>
  16. <bdo>
  17. <big>
  18. <blockquote>
  19. <body>
  20. <br>
  21. <button>
  22. <canvas>
  23. <caption>
  24. <center>
  25. <cite>
  26. <code>
  27. <col>
  28. <colgroup>
  29. <data>
  30. <datalist>
  31. <dd>
  32. <del>
  33. <details>
  34. <dfn>
  35. <dialog>
  36. <dir>
  37. <div>
  38. <dl>
  39. <dt>
  40. <em>
  41. <embed>
  42. <fieldset>
  43. <figcaprion>
  44. <figure>
  45. <font>
  46. <footer>
  47. <form>
  48. <frame>
  49. <frameset>
  50. <h1>
  51. <h2>
  52. <h3>
  53. <h4>
  54. <h5>
  55. <h6>
  56. <head>
  57. <header>
  58. <hr>
  59. <html>
  60. <i>
  61. <iframe>
  62. <img>
  63. <input>
  64. <ins>
  65. <kbd>
  66. <label>
  67. <legend>
  68. <li>
  69. <link>
  70. <main>
  71. <map>
  72. <mark>
  73. <meta>
  74. <meter>
  75. <nav>
  76. <noframes>
  77. <noscript>
  78. <object>
  79. <ol>
  80. <optgroup>
  81. <option>
  82. <output>
  83. <p>
  84. <param>
  85. <picture>
  86. <pre>
  87. <progress>
  88. <q>
  89. <rp>
  90. <rt>
  91. <ruby>
  92. <s>
  93. <samp>
  94. <script>
  95. <section>
  96. <select>
  97. <small>
  98. <source>
  99. <span>
  100. <strike>
  101. <strong>
  102. <style>
  103. <sub>
  104. <summary>
  105. <sup>
  106. <svg>
  107. <table>
  108. <tbody>
  109. <td>
  110. <template>
  111. <textarea>
  112. <tfoot>
  113. <th>
  114. <thead>
  115. <time>
  116. <title>
  117. <tr>
  118. <track>
  119. <tt>
  120. <u>
  121. <ul>
  122. <var>
  123. <video>
  124. <wbr>

List of CSS

  1. Home
  2. Introduction
  3. Syntax
  4. Selectors
  5. How to
  6. Comments
  7. Colors
    • RGB Colors
    • HEX Colors
    • HSL Colors
  8. Background
    • Background Color
    • Background Image
    • Background Repeat
    • Background Attachments
    • Background Shorthand
  9. Borders
    • Border Width
    • Border Color
    • Border Sides
    • Border Shorthand
    • Rounded Borders
  10. Margins
  11. Margin Collapse
  12. Paddings
  13. Height & Width
  14. Box Model
  15. Outline
    • Outline Width
    • Outline Color
    • Outline Shorthand
    • Outline Offset
  16. Text
    • Text Color
    • Text Alignment
    • Text Decoration
    • Text Transformation
    • Text Spacing
    • Text Shadow
  17. Font Family
    • Web Safe Fonts
    • Font Fallback
    • Font Style
    • Font Size
    • Google Fonts
    • Font Pairing
    • Font Shorthand
  18. Icons
  19. Links
  20. Lists
    • List Markers
    • List Images
    • List Position
    • List Remove Default
    • List Shorthand
    • List Styling
  21. Tables
    • Table Borders
    • Table Size
    • Table Alignment
    • Table Style
    • Responsive Tables
  22. Display
  23. Max-width
  24. Position
  25. Z-index
  26. Overflow
  27. Float
    • Clear Float
    • Float Examples
  28. Inline-block
  29. Align
  30. Pseudo-class
  31. Pseudo-element
  32. Opacity
  33. Navigation Bar (NavBar)
    • Vertical NavBar
    • Horizontal NavBar
  34. Dropdowns
  35. Image Gallery
  36. Image Sprites
  37. Attribute Selectors
  38. Forms
  39. Counters
  40. Web Layout
  41. Units
  42. Specificity
  43. !important
  44. Math Functions
  45. Advanced CSS (CSS3)
    • Rounded Corners
    • Border Images
    • Advanced Backgrounds
    • Advanced Colors
    • Color Keywords
    • Gradients
    • Linear Gradients
    • Radial Gradients
    • Conic Gradients
    • Shadows
    • Shadow Effects
    • Shadow Box
    • Text Effects
    • Web Fonts
    • 2D Transforms
    • 3D Transforms
    • Transitions
    • Animations
    • ToolTips
    • Style Images
    • Image Reflection
    • Object-fit
    • Object-position
    • Masking
    • Buttons Pagination
    • Multiple Columns
    • User Interface
    • Variables
    • Variable Override
    • Variables and JS
    • Variables and MQ
    • Box Sizing
    • Media Queries
    • Flexbox
    • Flexbox Container
    • Flexbox Items
  46. Responsive
    • Responsive Flexbox
    • Responsive Intro
    • Responsive Viewport
    • Responsive View Grid
    • Responsive Queries
    • Responsive Images
    • Responsive Videos
    • Responsive Frameworks
    • Responsive Templates
  47. Grid
    • Grid Intro
    • Grid Container
    • Grid Item
  48. SSAS
    • SASS Introduction
    • SASS Installation
    • SASS Variables
    • SASS Nesting
    • SASS @import
    • SASS @mixin
    • SASS @extend
    • SASS String Function
    • SASS Numeric Function
    • SASS List Function
    • SASS Map Function
    • SASS Selector Function
    • SASS Introspection Function
    • SASS Color Function
  49. CSS Quiz

Every Color

  1. aliceblue
  2. antiquewhite
  3. aqua
  4. aquamarine
  5. azure
  6. beige
  7. bisque
  8. black
  9. blanchedalmond
  10. blue
  11. blueviolet
  12. brown
  13. burlywood
  14. cadetblue
  15. chartreuse
  16. chocolate
  17. coral
  18. cornflowerblue
  19. cornsilk
  20. crimson
  21. currentColor
  22. cyan
  23. darkblue
  24. darkcyan
  25. darkgoldenrod
  26. darkgray
  27. darkgreen
  28. darkgrey
  29. darkkhaki
  30. darkmagenta
  31. darkolivegreen
  32. darkorange
  33. darkorchid
  34. darkred
  35. darksalmon
  36. darkseagreen
  37. darkslateblue
  38. darkslategray
  39. darkslategrey
  40. darkturquoise
  41. darkviolet
  42. deeppink
  43. deepskyblue
  44. dimgray
  45. dimgrey
  46. dodgerblue
  47. firebrick
  48. floralwhite
  49. forestgreen
  50. fuchsia
  51. gainsboro
  52. ghostwhite
  53. gold
  54. goldenrod
  55. gray
  56. green
  57. greenyellow
  58. grey
  59. honeydew
  60. hotpink
  61. indianred
  62. indigo
  63. inherit
  64. initial
  65. ivory
  66. khaki
  67. lavender
  68. lavenderblush
  69. lawngreen
  70. lemonchiffon
  71. lightblue
  72. lightcoral
  73. lightcyan
  74. lightgoldenrodyellow
  75. lightgray
  76. lightgreen
  77. lightgrey
  78. lightpink
  79. lightsalmon
  80. lightseagreen
  81. lightskyblue
  82. lightslategray
  83. lightslategrey
  84. lightsteelblue
  85. lightyellow
  86. lime
  87. limegreen
  88. linen
  89. magenta
  90. maroon
  91. mediumaquamarine
  92. mediumblue
  93. mediumorchid
  94. mediumpurple
  95. mediumseagreen
  96. mediumslateblue
  97. mediumspringgreen
  98. mediumturquoise
  99. mediumvioletred
  100. midnightblue
  101. mintcream
  102. mistyrose
  103. moccasin
  104. navajowhite
  105. navy
  106. oldlace
  107. olive
  108. olivedrab
  109. orange
  110. orangered
  111. orchid
  112. palegoldenrod
  113. palegreen
  114. paleturquoise
  115. palevioletred
  116. papayawhip
  117. peachpuff
  118. peru
  119. pink
  120. plum
  121. powderblue
  122. purple
  123. rebeccapurple
  124. red
  125. rosybrown
  126. royalblue
  127. saddlebrown
  128. salmon
  129. sandybrown
  130. seagreen
  131. seashell
  132. sienna
  133. silver
  134. skyblue
  135. slateblue
  136. slategray
  137. slategrey
  138. snow
  139. springgreen
  140. steelblue
  141. tan
  142. teal
  143. thistle
  144. tomato
  145. transparent
  146. turquoise
  147. unset
  148. violet
  149. wheat
  150. white
  151. whitesmoke
  152. yellow
  153. yellowgreen

List of JavaScript

  1. Home
  2. Introduction
  3. Where To
  4. Output
  5. Statements
  6. Syntax
  7. Comments
  8. Variables
  9. Let
  10. Const
  11. Operators
    • Arithmetic Operators
    • Assigment Operators
    • Comparison Operators
    • Logical Operators
    • Type Operators
    • Bitwise Operators
  12. Data Types
  13. Functions
  14. Objects
  15. Events
  16. Strings
    • String Methods
    • String Search
    • String Templates
  17. Numbers
  18. Number Methods
  19. Arrays
    • Array Methods
    • Array Sorts
    • Array Iteration
    • Array Const
  20. Dates
    • Date Formats
    • Date Get Methods
    • Date Set Methods
  21. Math
  22. Random
  23. Booleans
  24. Comparisons
  25. Conditions
  26. Switch
  27. Loops
    • Loop For
    • Loop For In
    • Loop For Of
    • Loop While
  28. Break
  29. Iterables
  30. Sets
  31. Maps
  32. Typeof
  33. Type Conservations
  34. Bitwise
  35. RegExp
  36. Errors
  37. Scope
  38. Hoisting
  39. Strict Mode
  40. this Keywords
  41. Arrow Functions
  42. Classes
  43. Debugging
  44. Beginner Guides
  45. Best Practices
  46. Mistakes
  47. Performance
  48. Reserved Words
  49. Versions
    • Version 2009
    • Version 2015
    • Version 2016
    • Version 2017
    • Version 2018
    • Version Edge/IE
    • Version History
  50. Definitions
  51. Properties
  52. Methods
  53. Displays
  54. Accessors
  55. Constructors
  56. Prototypes
  57. Objects
    • Object Iterables
    • Object Sets
    • Object Maps
    • Object References
  58. Functions
    • Function Definition
    • Function Parameters
    • Function Invocation
    • Function Call
    • Function Apply
    • Function Closures
  59. Classes
    • Class Intro
    • Class Inheritance
    • Class Static
  60. Callbacks
  61. Asynchronous
  62. Promises
  63. Async/Await
  64. DOM
    • DOM Intro
    • DOM Methods
    • DOM Document
    • DOM Elements
    • DOM HTML
    • DOM Forms
    • DOM CSS
    • DOM Animations
    • DOM Events
    • DOM Event Listener
    • DOM Navigation
    • DOM Nodes
    • DOM Node Lists
    • DOM Collections
  65. Window
  66. Screen
  67. Location
  68. History
  69. Navigator
  70. Popup Alert
  71. Timing
  72. Cookies
  73. API
    • API Intro
    • API Forms
    • API History
    • API Storage
    • API Worker
    • API Fetch
    • API Geolocation
  74. AJAX
    • AJAX Intro
    • AJAX XMLHTTP
    • AJAX Request
    • AJAX Response
    • AJAX XML File
    • AJAX PHP
    • AJAX ASP
    • AJAX Database
    • AJAX Applications
  75. JSON
    • JSON Intro
    • JSON Syntax
    • JSON XML
    • JSON Data Types
    • JSON Parse
    • JSON Stringify
    • JSON Objects
    • JSON Array
    • JSON Server
    • JSON PHP
    • JSON HTML
    • JSON JSONP
  76. jQuery
    • jQuery Selectors
    • jQuery HTML
    • jQuery CSS
    • jQuery DOM
    • jQuery Intro
    • jQuery Get Started
    • jQuery Syntax
    • jQuery Events
    • jQuery Hide And Show Effect
    • jQuery Fade Effect
    • jQuery Slide Effect
    • jQuery Animate Effect
    • jQuery Stop Effect
    • jQuery Callback Effect
    • jQuery Chain Effect
    • jQuery Traversing
    • jQuery Traversing Ancestors
    • jQuery Traversing Descendants
    • jQuery Traversing Siblings
    • jQuery Traversing Filtering
    • jQuery AJAX
    • jQuery noConflict() Method
    • jQuery Filters
  77. Maps
    • Map Controls
    • Map Types
    • Map References
    • SVG Intro
    • SVG HTML
    • SVG Rectangle
    • SVG Circle
    • SVG Ellipse
    • SVG Line
    • SVG Polygon
    • SVG Polyling
    • SVG Path
    • SVG Text
    • SVG Stroking
    • SVG Filters
    • SVG Blur
    • SVG Shadows
    • SVG Linear
    • SVG Radial
  78. Canvas
    • Canvas Coordinates
    • Canvas Gradient
    • Canvas Text
    • Canvas Images
    • Clocks
    • Clock Face
    • Clock Numbers
    • Clock Hands
    • Clock Start
    • Game Intro
    • Game Canvas
    • Game Components
    • Game Controllers
    • Game Obstacles
    • Game Score
    • Game Images
    • Game Sound
    • Game Gravity
    • Game Bouncing
    • Game Rotation
    • Game Movement
  79. Maps
    • Map Controls
    • Map Types
    • Map References
    • Ploty
    • Chart.js
    • Google Chart
    • D3.js
  80. JS Quiz

List of HTML5

HTML5 is the same thing as HTML but it has these new things:
  1. <article>
  2. <aside>
  3. <footer>
  4. <header>
  5. <main>
  6. <nav>
  7. <section>
See more info about HTML5 go to The Change Log chapter.

Quizzes

  1. HTML Quiz
  2. CSS Quiz
  3. JavaScript Quiz
  4. HTML5 Quiz

Hope you enjoy and learn :)

About

The ultimate HTML, CSS, and JS guide on github. (I think so)

Topics

javascript css html jquery json html5 dom css3 ajax bom free-to-use

Resources

Readme
Activity

Stars

1 star

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Languages