Scribd
Upload
6 views10 pages

HTML Beginner Book

The document provides an introduction to HTML, explaining its role as the standard language for creating web pages and the basic structure of an HTML document. It covers essential HTML elements such as headings, paragraphs, links, images, lists, forms, and tables, along with best practices for writing clean and semantic HTML code. The document outlines the process of how a web browser interacts with a server to display a webpage.

Uploaded by

Faisal Mahbub
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
6 views10 pages

HTML Beginner Book

The document provides an introduction to HTML, explaining its role as the standard language for creating web pages and the basic structure of an HTML document. It covers essential HTML elements such as headings, paragraphs, links, images, lists, forms, and tables, along with best practices for writing clean and semantic HTML code. The document outlines the process of how a web browser interacts with a server to display a webpage.

Uploaded by

Faisal Mahbub
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

PAGE 1 – Introduction to HTML

HTML stands for HyperText Markup Language.

It is the standard language used to create web pages.

HTML creates the structure of a website.


PAGE 2 – How the Web Works

When you type a website name in your browser:

1. Browser sends request.

2. Server responds.

3. HTML file is sent.

4. Browser displays the page.


PAGE 3 – Basic HTML Structure

<!DOCTYPE html>
<html>
<head>
<title>My First Website</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is my first webpage.</p>
</body>
</html>
PAGE 4 – HTML Tags and Elements

Tags define elements in HTML.

<p>This is a paragraph</p>
PAGE 5 – Headings and Paragraphs

<h1>Main Title</h1>
<h2>Sub Title</h2>
<p>This is a paragraph.</p>
PAGE 6 – Links and Images

<a href="[Link] Google</a>

<img src="[Link]" alt="Description">


PAGE 7 – Lists in HTML

<ul>
<li>Apple</li>
<li>Banana</li>
</ul>

<ol>
<li>Step One</li>
<li>Step Two</li>
</ol>
PAGE 8 – Forms in HTML

<form>
<input type="text" placeholder="Enter name">
<input type="password">
<button>Submit</button>
</form>
PAGE 9 – Tables in HTML

<table border="1">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Faisal</td>
<td>25</td>
</tr>
</table>
PAGE 10 – Semantic HTML & Best Practices

Use semantic tags like header, nav, main, section, article, footer.

Best Practices:

- Use indentation

- Close all tags

- Keep code clean

You might also like