Comprehensive HTML Course Notes
1. Introduction to HTML
What is HTML?
o Stands for HyperText Markup Language.
o Used to create and structure content on the web.
Basic Structure:
html
Copy code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document Title</title>
</head>
<body>
<h1>Welcome to HTML!</h1>
<p>This is a simple paragraph.</p>
</body>
</html>
2. Basic HTML Elements
Headings:
o to <h6>: Define headings, with <h1> being the largest.
<h1>
Text Formatting:
o <p>: Paragraph
o <strong>: Bold text
o <em>: Italic text
o <br>: Line break
o <hr>: Horizontal rule
3. Links and Images
Links:
html
Copy code
<a href="https://example.com" target="_blank">Visit Example</a>
Images:
html
1. Introduction to HTML
What is HTML?
o Stands for HyperText Markup Language.
o Used to create and structure content on the web.
Basic Structure:
html
Copy code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document Title</title>
</head>
<body>
<h1>Welcome to HTML!</h1>
<p>This is a simple paragraph.</p>
</body>
</html>
2. Basic HTML Elements
Headings:
o to <h6>: Define headings, with <h1> being the largest.
<h1>
Text Formatting:
o <p>: Paragraph
o <strong>: Bold text
o <em>: Italic text
o <br>: Line break
o <hr>: Horizontal rule
3. Links and Images
Links:
html
Copy code
<a href="https://example.com" target="_blank">Visit Example</a>
Images:
html
