60 lines
1.3 KiB
Markdown
60 lines
1.3 KiB
Markdown
# HTML Tutorial Notes – Basic HTML Concepts
|
||
|
||
## Introduction
|
||
HTML stands for HyperText Markup Language and is the standard language used to create and structure content on the web. It tells a browser how to display content.
|
||
|
||
## What is HTML?
|
||
- HTML consists of tags that define structure.
|
||
- Tags tell the browser what each part of the web page means.
|
||
- Web pages are built using HTML, CSS, and JavaScript.
|
||
|
||
## HTML Document Structure
|
||
A basic HTML document looks like this:
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>My First Webpage</title>
|
||
</head>
|
||
<body>
|
||
<h1>Hello World</h1>
|
||
</body>
|
||
</html>
|
||
|
||
## Headings & Paragraphs
|
||
Headings: <h1> through <h6>
|
||
Paragraph: <p>
|
||
Example:
|
||
<h1>Main Heading</h1>
|
||
<p>This is a paragraph</p>
|
||
|
||
## Text Formatting
|
||
Common text formatting tags:
|
||
<strong> – Bold text
|
||
<em> – Italic text
|
||
<u> – Underline
|
||
Example:
|
||
<strong>This is important</strong>
|
||
|
||
## Images
|
||
Images are shown using the <img> tag
|
||
Example:
|
||
<img src="image.jpg" alt="Description">
|
||
|
||
## Links
|
||
Links use the <a> tag
|
||
Example:
|
||
<a href="https://www.google.com/">Google</a>
|
||
|
||
## Lists
|
||
Unordered (bullets) and ordered (numbers)
|
||
Example:
|
||
<ul><li>Item 1</li></ul>
|
||
<ol><li>First item</li></ol>
|
||
|
||
## Tables
|
||
Used to display data in rows and columns
|
||
Example:
|
||
<table>
|
||
<tr><th>Header</th></tr>
|
||
<tr><td>Data</td></tr>
|
||
</table> |