Scribd
Upload
19 views3 pages

HTML Basics: Structure and Elements

The document provides an overview of HTML, including its definition, basic structure, and various elements such as headings, paragraphs, lists, links, images, tables, and forms. It also covers semantic tags and new features introduced in HTML5. A practice example of a simple HTML document is included to illustrate the concepts discussed.

Uploaded by

sajal.j2286
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
19 views3 pages

HTML Basics: Structure and Elements

The document provides an overview of HTML, including its definition, basic structure, and various elements such as headings, paragraphs, lists, links, images, tables, and forms. It also covers semantic tags and new features introduced in HTML5. A practice example of a simple HTML document is included to illustrate the concepts discussed.

Uploaded by

sajal.j2286
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

HTML Handwritten Notes

1. Introduction to HTML

HTML stands for HyperText Markup Language.

It is the standard language for creating webpages.

HTML describes the structure of a webpage using markup.

HTML elements are represented by tags like <html>, <body>, <h1>, etc.

2. Basic Structure of HTML Document

<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</body>

</html>

3. Headings and Paragraphs

HTML includes 6 levels of headings: <h1> to <h6>

<h1> is the largest, <h6> is the smallest.

Paragraphs are written using <p> tags.

4. Lists in HTML

Ordered List: <ol>

<li>Item 1</li>

<li>Item 2</li>

</ol>

Unordered List: <ul>


HTML Handwritten Notes

<li>Item A</li>

<li>Item B</li>

</ul>

5. Links and Images

Anchor tag for links: <a href='[Link]

Image tag: <img src='[Link]' alt='Image' width='100'>

6. Tables

<table>

<tr>

<th>Name</th>

<th>Age</th>

</tr>

<tr>

<td>Alice</td>

<td>20</td>

</tr>

</table>

7. Forms

<form action='/submit'>

Name: <input type='text' name='name'>

<input type='submit'>

</form>

8. Semantic Tags

Semantic HTML tags: <header>, <footer>, <article>, <section>, <nav>

These tags provide meaning to the content and improve SEO.


HTML Handwritten Notes

9. HTML5 New Features

- Audio: <audio controls src='audio.mp3'></audio>

- Video: <video controls src='video.mp4'></video>

- Canvas for graphics, localStorage, and more.

10. Practice Example

<!DOCTYPE html>

<html>

<head>

<title>My First Page</title>

</head>

<body>

<h1>Hello World</h1>

<p>Welcome to HTML learning.</p>

</body>

</html>

You might also like