Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
2 views

html basic coding language

This document provides an overview of basic HTML coding, including the structure of an HTML document and common elements such as headings, paragraphs, images, audio, video, links, lists, forms, and tables. It includes example code snippets for each element and demonstrates how to combine them into a complete HTML page. The document serves as a foundational guide for beginners learning HTML.

Uploaded by

icanfrontdesk
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
2 views

html basic coding language

This document provides an overview of basic HTML coding, including the structure of an HTML document and common elements such as headings, paragraphs, images, audio, video, links, lists, forms, and tables. It includes example code snippets for each element and demonstrates how to combine them into a complete HTML page. The document serves as a foundational guide for beginners learning HTML.

Uploaded by

icanfrontdesk
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

Certainly!

Here's a clear and concise overview of the basic HTML coding language,
including common elements and their usage:

---

## 📌 **Basic HTML Document Structure**

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Page Title</title>
</head>
<body>
<!-- Your content goes here -->
</body>
</html>
```

---

## 📌 **Common HTML Elements**

### 1. **Headings (h1 - h6)**:


```html
<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>
```

### 2. **Paragraph**:
```html
<p>This is a paragraph of text.</p>
```

### 3. **Images**:
```html
<img src="your-image.jpg" alt="Description of image" width="300">
```

### 4. **Audio**:
```html
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support audio playback.
</audio>
```

### 5. **Video**:
```html
<video controls width="320" height="240">
<source src="video.mp4" type="video/mp4">
Your browser does not support video playback.
</video>
```

### 6. **Links**:
```html
<a href="https://example.com">Visit Example.com</a>
```

### 7. **Lists**:
- **Unordered List**
```html
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
```

- **Ordered List**
```html
<ol>
<li>First</li>
<li>Second</li>
</ol>
```

### 8. **Forms and Inputs**:


```html
<form action="/submit-form" method="post">
Name: <input type="text" name="name"><br>
Email: <input type="email" name="email"><br>
<button type="submit">Submit</button>
</form>
```

### 9. **Tables**:
```html
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table>
```

---

## 📌 **Example of an HTML page combining these elements**:

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML Page</title>
</head>
<body>

<h1>Welcome to My Page</h1>
<p>This page demonstrates basic HTML elements.</p>

<h2>Image Example</h2>
<img src="photo.jpg" alt="A beautiful scenery" width="300">

<h2>Audio Example</h2>
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support audio playback.
</audio>

<h2>Video Example</h2>
<video controls width="320" height="240">
<source src="video.mp4" type="video/mp4">
Your browser does not support video playback.
</video>

<h2>Contact Form</h2>
<form action="/submit-form" method="post">
Name: <input type="text" name="name"><br>
Email: <input type="email" name="email"><br>
<button type="submit">Send</button>
</form>

</body>
</html>
```

You might also like