Smartguide HTML
Smartguide HTML
Smartguide HTML
for
COMMON HTML
ELEMENTS & TAGS
Concise guidelines for beginners
Compiled by
NuBari, LE
degodofnet@gmail.com
CONTENTS
CONTENTS.............................................................................. 1
START HERE .......................................................................... 2
WHAT IS HTML?............................................................................. 2
1. <HTML></HTML>: ...................................................................... 2
2. <HEAD></HEAD>:...................................................................... 2
3. <TITLE></TITLE>: ...................................................................... 2
4. <META>: ................................................................................... 3
5. <LINK>: .................................................................................... 3
6. <STYLE></STYLE>: .................................................................... 3
7. <BODY></BODY>: ...................................................................... 3
8. <HEADER></HEADER>: .............................................................. 4
9. <FOOTER></FOOTER>: ............................................................... 4
10. <NAV></NAV>: ....................................................................... 4
11. <H1></H1> TO <H6></H6>:.................................................... 4
12. <P></P>: ............................................................................... 5
13. <A></A>:............................................................................... 5
14. <IMG>: .................................................................................. 5
15. <UL></UL>: ........................................................................... 5
16. <OL></OL>: ........................................................................... 5
17. <LI></LI>: ............................................................................. 5
18. <DIV></DIV>: ......................................................................... 6
19. <SPAN></SPAN>:..................................................................... 6
20. <FORM></FORM>: ................................................................... 6
21. <AUDIO></AUDIO>: ................................................................. 6
22. <VIDEO></VIDEO>: ................................................................. 7
3. <title></title>: Sets the title of the webpage, visible on the browser tab.
Example:
<footer>
<p>Author: Hege Refsnes</p>
<p><a
href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
Example:
<li>Coffee</li>
20. <form></form>: Defines a form for user input, containing various input
elements like text fields, checkboxes, and buttons. Example:
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
</form>