Chapter 1: Introduction to HTML
- What is HTML
- How websites work
- HTML vs CSS vs JavaScript
Chapter 2: First HTML Page
- Creating
index.html - Basic structure of HTML
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
</body>
</html>- Running HTML in browser
Chapter 3: Headings & Paragraphs
<h1>to<h6><p>tag- Line break
<br> - Horizontal line
<hr>
Chapter 4: Text Formatting
- Bold
<b>/<strong> - Italic
<i>/<em> - Underline
<u> - Small
<small> - Mark
<mark>
Chapter 5: Links & Navigation
- Anchor tag
<a> - Opening links in new tab
- Internal & external links
Chapter 6: Images
<img>tagsrcandalt- Image size (width/height)
Chapter 7: Lists
- Ordered list
<ol> - Unordered list
<ul> - List items
<li>
Chapter 8: Tables
<table>,<tr>,<td>- Table headers
<th> - Basic table design
Chapter 9: Forms (Very Important)
<form>tag- Input types:
- text
- password
- number
- Buttons
- Labels
Chapter 10: Semantic HTML
<header><footer><section><article><nav>
Chapter 11: Multimedia
- Add video
<video> - Add audio
<audio>
Chapter 12: Basic Project
Create a simple website:
- Home page
- About page
- Contact form
- Images + links
Chapter 13: Best Practices
- Proper indentation
- Clean code
- File naming
- SEO basics (title, meta tags
Project 14: Create Your First Website (index.html)
Questions
- Create a file named
index.html. - Add the basic HTML structure (
<!DOCTYPE html>,<html>,<head>,<body>). - Add a title to your webpage (your choice).
- Add a main heading (
<h1>) with your name. - Add a paragraph introducing yourself.
- Insert an image on your webpage.
- Add a clickable link to any website (Google, YouTube, etc.).
- Add at least one subheading (
<h2>or<h3>). - Add two more paragraphs describing your hobbies or interests.
- Add a line break or spacing between elements.
- Arrange all content properly inside the
<body>section. - Save the file and open it in a browser.
- Check if all elements (text, image, link) are working correctly.
- Modify the content and update your webpage again.