html Fundamentals

Layout Tags

<div></div> <!-- A generic "box grouping" element -->
<span></span> <!-- A generic "grouping" element -->
<p></p> <!-- A paragraph -->
<h1></h1> <!-- 1st biggest header -->
<h6></h6> <!-- 6th biggest header (also h2, h3, h4, h5) -->
<ul><li></li><li></li></ul> <!-- A unordered list of items -->
<ol><li></li><li></li></ol> <!-- A ordered list of items -->
<table></table> <!-- A table of information -->
<b></b> <!-- Bold text -->
<i></i> <!-- Italic -->
<u></u> <!-- Underlined text -->

Formatting Tags

<b></b> <!-- Bold text -->
<i></i> <!-- Italic -->
<u></u> <!-- Underlined text -->

Link/Images

<a href=" /settings" title="Open settings page">Settings</a>


<img src="cat.jpg" alt="Image of the cat" width="300" height="600">

Others

<input type="text" placeholder="Hayden Smith" />
<input type="radio" id="yes" name="answer" value="yes" checked />

<textarea rows="5" cols="40" placeholder="Write here"> Default value </textarea>