Your browser does not support JavaScript!
Upvotes Anonymous 0 User 0

Common HTML Elements (page 1 of 2)

Here's a page with very common HTML elements:
<!DOCTYPE html>
  <title>My Page</title>

<h1>Common HTML Elements</h1>

<a href="">Simple Tutorials</a>
<img src="orange_circle.png"/>



    <td>Cell 1</td>
    <td>Cell 2</td>
    <td>Cell 3</td>
    <td>Cell 4</td>

<!-- Here is a comment -->
  <li>Unordered Item 1</li>
  <li>Unordered Item 2</li>

  <li>Ordered Item 1</li>
  <li>Ordered Item 2</li>

What does it look like in Firefox?
The HTML page looks like this in the Firefox web browser:
(note: an image file is needed)
You can download the HTML file and image:
What does each element do?
<!DOCTYPE html>  This tells the browser how to render the page (using HTML5 standards)
<h1>  A header element (there are different sizes, e.g. <h2>, <h3>, etc)
<a>  An anchor tag (link) with an href attribute that tells the browser where to send the user
<br/> A line break
<img>  An image tag with a src attribute that tells the browser where the image file resides
<span>  A container (e.g. for text) with no line breaks before or after the element
<div>  A container (e.g. for text) with line breaks before and after the element
<table>  Displays a data grid
<tbody>  This is a container for the table rows
<tr>  Table row
<td>  Table cell
<ul>  Unordered (no numbers, just dots) list
<li>  List item
<ol>  Ordered (numbered) list
Was this helpful?



Leave a Comment

I agree to the Terms of Service
Design © 2015, Downranked, LLC.,
Original user code contributions under MIT License