HTML Basics Crash Course

Nerd Cafe | نرد کافه

1. What is HTML?

HTML (HyperText Markup Language) is the standard language used to create web pages. It structures content like headings, paragraphs, images, links, lists, and more.

2. HTML Document Structure

Every HTML page follows this basic structure:

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <!-- Your content goes here -->
  </body>
</html>

Key Parts

<!DOCTYPE html> → tells the browser this is HTML5
<html> → root element
<head> → meta info (title, styles, etc.)
<body> → visible page content

3. Basic HTML Tags

Headings

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>

Paragraphs

<p>This is a paragraph.</p>

4. Formatting Text

<b>Bold</b>
<strong>Strong</strong>

<i>Italic</i>
<em>Emphasis</em>

<u>Underline</u>
<mark>Highlighted</mark>

5. Links & Images

Links

<a href="https://www.nerd-cafe.ir">Nerd Cafe</a>

Images

<img src="image.jpg" alt="Description of image">

6. Lists

Ordered List

<ol>
  <li>First item</li>
  <li>Second item</li>
</ol>

Unordered List

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

7. Tables

<table>
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>John</td>
    <td>25</td>
  </tr>
</table>

8. Forms (Basic)

<form>
  <label for="name">Name:</label>
  <input type="text" id="name" name="name">

  <input type="submit" value="Submit">
</form>

💖 Support Our Work

If you find this post helpful and would like to support my work, you can send a donation via TRC-20 (USDT). Your contributions help us keep creating and sharing more valuable content.

TRC-20 Address: TAAVVf9ZxUpbyvTa6Gd5SGPmctBdy4PQwf

Thank you for your generosity! 🙏

Channel Overview

🌐 Website: www.nerd-cafe.ir

📺 YouTube: @nerd-cafe

🎥 Aparat: nerd_cafe

📌 Pinterest: nerd_cafe

📱 Telegram: @nerd_cafe

📝 Blog: Nerd Café on Virgool

💻 GitHub: nerd-cafe

PreviousModule 14: Hacking Web Applications NextMastering HTML Meta Tags: A Practical Crash Course

Last updated 1 day ago

hashtag1. What is HTML?

hashtag2. HTML Document Structure

hashtagKey Parts

hashtag3. Basic HTML Tags

hashtagHeadings

hashtagParagraphs

hashtag4. Formatting Text

hashtag5. Links & Images

hashtagLinks

hashtagImages

hashtag6. Lists

hashtagOrdered List

hashtagUnordered List

hashtag7. Tables

hashtag8. Forms (Basic)

hashtag💖 Support Our Work

hashtagChannel Overview

1. What is HTML?

2. HTML Document Structure

Key Parts

3. Basic HTML Tags

Headings

Paragraphs

4. Formatting Text

5. Links & Images

Links

Images

6. Lists

Ordered List

Unordered List

7. Tables

8. Forms (Basic)

💖 Support Our Work

Channel Overview