HTML Basics Guide

What is HTML?

HTML (HyperText Markup Language) is the standard markup language for documents designed to be displayed in a web browser. It defines the meaning and structure of web content.

Source: MDN Web Docs - HTML

How to make a simple website

To make a simple website, you need to create an HTML file (typically named index.html) with the basic structure:

<!DOCTYPE html>
<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <p>Hello World!</p>
  </body>
</html>

You can then write this code in a text editor and open the file in a web browser.

Source: MDN - HTML Basics

How to form bold text

To make text bold, you can use the <strong> element (which emphasizes importance) or the <b> element (which is stylistic).

Example: <strong>This text is bold</strong>

Source: MDN - strong element

How to make h1 and h2 headings

Headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading, and <h6> defines the least important heading.

Example:

<h1>Main Heading</h1>
<h2>Subheading</h2>
Source: MDN - Heading elements

How to place a hyperlink

Hyperlinks are created using the <a> (anchor) tag with the href attribute, which specifies the destination URL.

Example: <a href="https://example.com">Visit Example.com</a>

Source: MDN - a (Anchor) element

How to place an image

Images are embedded using the <img> tag. It is an empty element (contains attributes only, and does not have a closing tag). The src attribute specifies the path to the image, and alt provides a text description.

Example: <img src="image.jpg" alt="A nice picture">

Source: MDN - img element