# Welcome to HTML Basics!
HTML (HyperText Markup Language) is used to create web pages. It's the backbone of a website, providing the structure and content that the web browser renders to the user.
## Basic HTML Structure
A basic HTML document consists of:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<!-- page content here -->
</body>
</html>
```
Let's break it down:
* `<!DOCTYPE html>`: Declaration stating that this document is written in HTML5.
* `<html>`: The root element of the HTML document.
* `<head>`: Contains metadata about the document, such as the title, charset, and links to external stylesheets or scripts.
* `<title>My Web Page</title>`: Sets the title of the webpage, appearing in the browser's title bar and search engine results.
* `<body>`: Contains the content of the HTML document.
## HTML Elements
HTML elements are represented by tags, which are surrounded by angle brackets (`<` and `>`). Most elements have an opening tag and a closing tag, with the content in between.
* **Headings**: `h1`, `h2`, `h3`, ..., `h6` - define headings on a webpage.
```html
<h1>Main Heading</h1>
<h2>Subheading</h2>
```
* **Paragraphs**: `p` - defines a paragraph of text.
```html
<p>This is a paragraph of text.</p>
```
* **Links**: `a` - defines a hyperlink to another webpage or email address.
```html
<a href="https://www.example.com">Visit Example.com</a>
```
* **Images**: `img` - defines an image on a webpage.
```html
<img src="image.jpg" alt="An image on the webpage">
```
* **Lists**: `ul`, `ol`, and `li` - define unordered, ordered, and list items respectively.
```html
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
```
This is just the beginning! HTML has many more elements and attributes to explore.
**Practice Time!**
Create a simple web page using the basic structure and elements we've covered. Experiment with different headings, paragraphs, links, and images.
**Stay Tuned!**
In our next lesson, we'll dive into more advanced HTML concepts, such as tables, forms, and semantic elements.
How's it going so far? Do you have any questions or areas of confusion?
Tendem
Mini tools
