Exploring HTML: A Beginner’s Primer

3 min readMar 6, 2024

Table of contents:
1.Html Document Summary
2.Html Document information
3.Html Document Structure
4.Html Formatting Tags
5.Html Tags for Links and Images
6.Html Tags for Lists
7.Html Form Tags
8.Html Table Tags
9.Html Tags added in HTML5
10.Unsupported Tags in HTML5

<html>
 <head>
  <title>My  Website</title>
 </head>
 <body></body>
</html>

<html>
 <head>
  <meta charset="utf-8" />
  <base href="http://mdjav.com" target="_blank" />
  <title>My Beautiful Website</title>
  <link rel="stylesheet" href="/css/style.css" />
  <script type="text/javascript">
   var dummy = 0;
  </script>
 </head>
 <body></body>
</html>

<div>
 <h1>Top 5 Greatest Films</h1>
 <p>These are considered the greatest <span>reel-icon</span> of all time</p>
 <hr />
 <h2>1. My Pencil</h2>
 <p>Cartoon Flim. </p>
</div>

<p>
             <strong>Bold text</strong> Regular text 
            <em>some words in italics</em> regular text once again.
</p>
<blockquote>
            Anyone who has never made a mistake has never tried anything new.
           <cite>- Albert Einstein</cite>
</blockquote>
<pre> 
             Some pre-formatted text
</pre>
<p> 
            A code snippet: 
           <code>some code</code>
</p>

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
 <area shape="rect" coords="0,0,60,100" href="sun.htm" alt="Sun" />
 <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
 <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>

<ol>
 <li>Monday</li>
 <li>Tuesday</li>
 <li>Wednesday</li>
</ol>
<ul>
 <li>France</li>
 <li>Germany</li>
 <li>Italy</li>
</ul>
<dl>
 <dt>Toyota</dt>
 <dd>Japanese car brand</dd>
 <dt>Armani</dt>
 <dd>Italian fashion brand</dd>
</dl>

<form action="form_submit.php" method="post">
<ﬁeldset>
<legend>Bio:</legend> First name:<br>
<input type="text" name="ﬁrst-name" value="John" placeholder="Please enter your ﬁrst name here"><br>
Last name:<br>
<input type="text" name="last-name" value="Doe" placeholder="Please enter your last name here"><br><br> Favorite sport:<br>
<select>
<option value="soccer">Soccer
</option>
<option value="tennis">Tennis
</option>
<option value="golf">Golf
</option>
</select>
<textarea name="description">
</textarea>
<input type="submit" value="Submit">
</ﬁeldset>
</form>

<table>
 <colgroup>
  <col span="2" />
  <col />
 </colgroup>
 <tr>
  <th>Name</th>
  <th>Major</th>
  <th>GPA</th>

  <td>Bob</td>
  <td>Law</td>
  <td>3.55</td>  <td>Alice</td>
  <td>Medicine</td>
  <td>3.61</td>
 </tr>
</table>

<object width="1000" height="1000"> </object>
<iframe src="some_other_webpage.html" width="500" height="500"> </iframe>
<embed src="some_video.swf" width="500" height=“500"> </embed>

Exploring HTML: A Beginner’s Primer

Written by Muhammed Javith A