# HTML Basics #### Structure of an HTML Document Every HTML page starts with a `` declaration, followed by ``, which is the root element. Inside ``, there are two main sections: * **Head section**: It contains meta-information about the document (like the title, links to stylesheets, and metadata). * **Body section**: This is where the visible content (text, images, videos) goes. Example: ```typescript Basic HTML Page

Welcome to My Website

This is a simple HTML document.

``` ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727593937175/2f352474-6e47-4b9c-b3a9-703852fa336b.png align="center") --- #### Basic HTML Elements * **Headings:** These elements (`

` to `

`) define headings. `

` is the largest, and `

` is the smallest. ```typescript

Main Title

Subheading

``` ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727596600395/78b8ffa9-a361-44e6-9d7c-61222a3ac2f6.png align="center") --- * **Paragraphs and Line Breaks:** * `

` defines a paragraph. * `
` is used for a line break. ```typescript

This is a paragraph of text.

This is another paragraph.
With a line break inside.

``` ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727596625181/5c926ad9-c518-4b2f-a213-eca36450856a.png align="center") --- * **Links:** `` is used to create hyperlinks. ```typescript Visit Example ``` ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727596667556/d3ad4ab6-49d8-435e-89dc-10237f679d9b.png align="center") --- * **Images:** The `` element embeds an image. ```typescript Description of the image ``` ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727596690114/52d4f31d-b5b9-4438-9406-8f1aecc98b6b.png align="center") --- * **Lists:** * **Ordered Lists (**`
    `): Numbered items. ```typescript
    1. First item
    2. Second item
    ``` ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727596800152/508d37f2-582b-4cb8-97e5-64a652def176.png align="center") --- * **Unordered Lists (**`