**Basic HTML Structure:**
```html
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph.</p>
</body>
</html>
```
**Basic Tags:**
1. Heading Tags:
```html
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<!-- ... -->
<h6>Heading 6</h6>
```
2. Paragraph Tag:
```html
<p>This is a paragraph.</p>
```
3. Link Tag:
```html
<a href="https://www.example.com">Visit Example</a>
```
4. Image Tag:
```html
<img src="image.jpg" alt="Description">
```
5. Lists (Unordered and Ordered):
```html
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>
```
**Intermediate Tags:**
1. Div and Span:
```html
<div>This is a block-level division.</div>
<span>This is an inline span.</span>
```
2. Forms:
```html
<form action="/submit" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username">
<input type="submit" value="Submit">
</form>
```
3. Tables:
```html
<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
</tr>
</table>
```
**Advanced Tags:**
1. Semantic Elements:
```html
<header>This is the header</header>
<nav>This is the navigation menu</nav>
<main>This is the main content</main>
<footer>This is the footer</footer>
```
2. Audio and Video:
```html
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<video controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video element.
</video>
```
3. CSS and JavaScript Inclusion:
```html
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
```
Remember, HTML is just the structure of a webpage. For more advanced functionalities and styling, you'll need to learn CSS and JavaScript too. Feel free to ask about those as well!
0 Comments