html

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.

Or use an editor online like:

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 it does not need to be closed. </tag>. The others need 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
Feature Tags dialog, progress, output, search, template
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. This repository was made with :heart:

This site is open source. Improve this page.