#Comprehensive Example
Primers Programming Companion
Primers Programming Companion
Welcome to Primers - Your Programming Learning Partner
HyperText Markup Language (HTML) is the standard markup language for creating web pages. With HTML you can create your own website. HTML is easy to learn - you'll enjoy it!
Tag Description Example <h1> to <h6> Defines HTML headings <h1>Main heading</h1> <h2>Subheading</h2> <p> Defines a paragraph <p>This is a paragraph.</p> <a> Defines a hyperlink <a href="https://example.com">Example link</a> <img> Defines an image <img src="image.jpg" alt="Description"> <ul>, <ol>, <li> Defines unordered lists, ordered lists and list items <ul>
<li>Item 1</li>
<li>Item 2</li>
</ul><div> Defines a division or section <div>Content block</div> <span> Defines an inline element <span>Inline content</span> <table>, <tr>, <td>, <th> Defines tables, rows, cells and header cells <table>
<tr>
<th>Header</th>
<td>Data</td>
</tr>
</table>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Primers Programming Companion</title>
</head>
<body>
<!-- Header -->
<header>
<!-- Main title -->
<h1>
<img src="https://xplanc.org/primers/icon.svg" alt="Icon" width="32px" height="32px">
Primers Programming Companion
</h1>
<!-- Subtitle -->
<h2>Welcome to Primers - Your Programming Learning Partner</h2>
</header>
<!-- Navigation -->
<nav>
Navigation
<a href="/primers/document/en/02.Python">Python Tutorial</a>
<a href="/primers/document/en/03.HTML">HTML Tutorial</a>
</nav>
<!-- Main content -->
<main>
<article>
<section>
<p>
<strong>HyperText Markup Language (HTML)</strong> is the standard markup language for creating web pages.
With HTML you can create your own website. HTML is easy to learn - you'll enjoy it!
</p>
</section>
<section>
<table border="1">
<thead>
<tr>
<th>Tag</th>
<th>Description</th>
<th>Example</th>
</tr>
</thead>
<tbody>
<tr>
<td><h1> to <h6></td>
<td>Defines HTML headings</td>
<td><h1>Main heading</h1> <h2>Subheading</h2></td>
</tr>
<tr>
<td><p></td>
<td>Defines a paragraph</td>
<td><p>This is a paragraph.</p></td>
</tr>
<tr>
<td><a></td>
<td>Defines a hyperlink</td>
<td><a href="https://example.com">Example link</a></td>
</tr>
<tr>
<td><img></td>
<td>Defines an image</td>
<td><img src="image.jpg" alt="Description"></td>
</tr>
<tr>
<td><ul>, <ol>, <li></td>
<td>Defines unordered lists, ordered lists and list items</td>
<td>
<ul><br>
<li>Item 1</li><br>
<li>Item 2</li><br>
</ul>
</td>
</tr>
<tr>
<td><div></td>
<td>Defines a division or section</td>
<td><div>Content block</div></td>
</tr>
<tr>
<td><span></td>
<td>Defines an inline element</td>
<td><span>Inline content</span></td>
</tr>
<tr>
<td><table>, <tr>, <td>, <th></td>
<td>Defines tables, rows, cells and header cells</td>
<td>
<table><br>
<tr><br>
<th>Header</th><br>
<td>Data</td><br>
</tr><br>
</table>
</td>
</tr>
</tbody>
</table>
</section>
</article>
</main>
<!-- Sidebar -->
<aside>
<ul>
<li>
<a href="/primers/document/en/03.HTML/01.Basics/00.Document%20Structure.md">Document Structure</a>
</li>
<li>
<a href="/primers/document/en/03.HTML/01.Basics/01.Elements%20and%20Attributes.md">Elements and Attributes</a>
</li>
<li>
<a href="/primers/document/en/03.HTML/01.Basics/02.Comments.md">Comments</a>
</li>
</ul>
</aside>
<!-- Footer -->
<footer>
<address>
Author: Plan C<br>
Email: <a href="mailto:////[email protected]">[email protected]</a>
</address>
</footer>
</body>
</html>