HTML Complete Course

Complete HTML5 Course For Beginners

Learn complete HTML5 from basic to advanced with examples, projects, forms, tables, multimedia, semantic tags, responsive layouts, and practical exercises.

Module 1 : Introduction To HTML

HTML stands for HyperText Markup Language. It is used to create webpages and website structure. HTML defines headings, paragraphs, images, tables, forms, links, and many other webpage elements.

Topics Covered

  • What is HTML
  • History of HTML
  • HTML Document Structure
  • HTML Editors
  • Basic HTML Page

Example

<!DOCTYPE html>
<html>
<head>
    <title>My First Page</title>
</head>
<body>

    <h1>Welcome</h1>
    <p>This is HTML page.</p>

</body>
</html>

Module 2 : HTML Tags

HTML tags are used to define webpage elements. Every HTML element starts with opening tag and ends with closing tag.

Important Tags

  • Heading Tags
  • Paragraph Tag
  • Bold & Italic Tag
  • Anchor Tag
  • Image Tag
<h1>Main Heading</h1>

<p>This is paragraph</p>

<a href="">Click Here</a>

<img src="image.jpg">

Module 3 : HTML Lists

Lists are used to display items in ordered or unordered format.

Types of Lists

  • Ordered List
  • Unordered List
  • Description List
<ul>
   <li>Apple</li>
   <li>Banana</li>
</ul>

<ol>
   <li>HTML</li>
   <li>CSS</li>
</ol>

Module 4 : HTML Tables

HTML tables are used to display data in rows and columns.

Table Tags

  • table
  • tr
  • th
  • td
<table border="1">

<tr>
   <th>Name</th>
   <th>City</th>
</tr>

<tr>
   <td>Gautam</td>
   <td>Bhopal</td>
</tr>

</table>

Module 5 : HTML Forms

Forms are used to collect user data like name, email, password, phone number, etc.

Form Elements

  • Input
  • Textarea
  • Select
  • Radio Button
  • Checkbox
<form>

<input type="text" placeholder="Name">

<input type="email" placeholder="Email">

<button>Submit</button>

</form>

Module 6 : HTML Multimedia

Multimedia tags are used to add audio, video, and iframe in webpage.

Topics Covered

  • Audio Tag
  • Video Tag
  • YouTube Embed
  • Iframe
<video controls width="400">
   <source src="movie.mp4">
</video>

<audio controls>
   <source src="song.mp3">
</audio>