/html

I made this guide to search something that I could forget to make easier HTML development and consolidate my knowledge in INCAP

MIT LicenseMIT

Comprehensive Guide to HTML

HTML

Set Up

  1. Install a text editor like Visual Studio Code or use Notepad.
  2. Create a new file with the .html extension, such as index.html.
  3. Write "Hello, World!" inside the file and open it in a web browser to see the result.

Tags

  1. Tags are used with the format <tagName> content(tags or text) </tagName>.
  2. The <tag> notation indicates that the tag needs to be opened, and </tag> indicates that it needs to be closed.
Group Tags
HTML Document <Doctype html>,html, head , body
Head Tags title, style, <meta>, <link>, <script>
Heading h1, h2, h3, h4, h5, h6
Paragraphs p
Semantic Text i, em, b, strong, code, sub, sup, time, s, del
Semantic Container header, nav, main, footer, address
Form Elements form, select, textarea, button, label ,<input>
List ul, ol, li, dl, dt, dd
Table table, thead, tbody, tfoot, th, tr, td, caption
Media video, audio, iframe, embed, object, svg,<img>
Character Reference &lt;, &gt;, &amp;
Comment <!-- comment -->
Cite and Quotation q, blockquote, abbr, cite
Deprecated Tags font, center, u, strike, applet, big, small, dir
Deprecated Tags menu, basefont, frame, frameset, isindex, blink

Attributes or Properties of Tags

Group tags Attributes
All id, class, data-*, style, lang, dir, hidden, on*event
All contenteditable, draggable, spellcheck, tabindex,aria-*
meta charset, name, http-equiv, content, itemprop
Link href, target, rel, type
Text align, valign, width, height, translate
Form action, method, accept, accept-charset, enctype
input placeholder, value, type, name, checked, required
List type, start, value , reversed
Table colspan, rowspan, scope, headers
Image src, alt, title, width, height
Media controls, autoplay, loop, muted, poster

Resources

To learn HTML and practice, you might visit some of these resources:

Thank You

Thank you for reading. I hope this guide will be helpful to you.

Note: I am not a professional. I am just a learner. Feel free to colabore to this repository. I will appreciate it.