Comprehensive Guide to 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:

• CodePen
• CodeSandbox
• Or whatever you prefer.

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:

• W3Schools
• MDN Web Docs
• html-best-practices
• Free Code Camp
• Frontend Mentor

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 ❤️