HTML Tutorial - W3 Technologies

HTML Basics

HTML (HyperText Markup Language) is the standard markup language for creating web pages.

HTML

Preview

HTML elements are the building blocks of web pages.

<h1>Main Title</h1>
<h2>Subtitle</h2>
<h3>Section Title</h3>

<p>Paragraph text</p>
<strong>Bold text</strong>
<em>Italic text</em>

<a href="url">Link text</a>
<a href="#" target="_blank">New tab</a>

<ul>
  <li>Unordered item</li>
</ul>
<ol>
  <li>Ordered item</li>
</ol>

Forms allow users to input data and submit it to a server.

HTML

Preview

<input type="text">
<input type="email">
<input type="password">
<input type="number">
<input type="checkbox">
<input type="radio">

<select><option>...</option></select>
<textarea></textarea>
<button type="submit">Send</button>
<label for="id">Label</label>

Semantic elements clearly describe their meaning to both the browser and the developer.

HTML

Preview

<header> - Page/section header
<nav> - Navigation links
<main> - Main content
<footer> - Page/section footer

<article> - Independent content
<section> - Thematic grouping
<aside> - Side content
<figure> - Self-contained media