Scribd
Upload
3 views

HTML_Notes_for_Beginners (1)

HTML (HyperText Markup Language) is the standard language for creating web pages, defining how content is displayed in browsers. The document outlines basic HTML structure, text formatting tags, links, images, lists, layout tags, and forms, along with important tips for best practices. Key elements include using semantic tags for better structure and ensuring all tags are properly closed.

Uploaded by

Ujjwal Shrivastava
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
3 views

HTML_Notes_for_Beginners (1)

HTML (HyperText Markup Language) is the standard language for creating web pages, defining how content is displayed in browsers. The document outlines basic HTML structure, text formatting tags, links, images, lists, layout tags, and forms, along with important tips for best practices. Key elements include using semantic tags for better structure and ensuring all tags are properly closed.

Uploaded by

Ujjwal Shrivastava
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
You are on page 1/ 2

HTML Notes for Beginners

What is HTML?
HTML (HyperText Markup Language) is the standard language used to create web pages. It tells the browser how to
display text, images, links, and other content.

Basic HTML Structure:


<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first web page.</p>
</body>
</html>

Text Formatting Tags:


- <h1> to <h6>: Headings (h1 = biggest, h6 = smallest)
- <p>: Paragraph
- <b> / <strong>: Bold text
- <i> / <em>: Italic text
- <u>: Underline
- <br>: Line break
- <hr>: Horizontal line

Links and Images:


<a href="https://example.com">Visit Example</a>
<img src="image.jpg" alt="My Image">

Lists:
<ul>
<li>Apple</li>
<li>Banana</li>
</ul>
<ol>
<li>First</li>
<li>Second</li>
</ol>

Layout Tags:
- <div>: Block-level container
- <span>: Inline container
- <header>, <footer>, <nav>, <section>: Semantic page structure

Forms:
<form>
<label>Name:</label>
<input type="text" name="username">
<br>
HTML Notes for Beginners

<label>Message:</label>
<textarea></textarea>
<br>
<button type="submit">Submit</button>
</form>

Important Tips:
- Always close your tags (except for self-closing tags like <br> and <img>).
- Use proper indentation for readability.
- Use semantic tags for better structure and SEO.

You might also like