HTML Web Page Designing - Class 10 CBSE Notes
What is HTML?
HTML (HyperText Markup Language) is the standard language used to create and design web
pages.
Creating and Saving an HTML Document
1. Open a text editor (like Notepad).
2. Write HTML code.
3. Save the file with the extension .html (e.g., [Link]).
4. Open it with any web browser (like Chrome, Firefox, etc.).
Accessing a Web Page Using a Browser
Double-click on the .html file. It opens in your default browser. The browser reads HTML code and
displays the page.
Basic HTML Tags and Structure
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
Your content goes here.
</body>
</html>
Attributes of <body> Tag
<body text="black" bgcolor="lightblue" background="[Link]" link="red" vlink="green"
alink="blue">
Text Formatting Tags
b: Bold
i: Italic
u: Underline
br: Line Break
hr: Horizontal Line
<!-- -->: Comment
Headings
<h1> to <h6>: h1 is the largest, h6 is the smallest.
Paragraphs
<p>This is a paragraph.</p>
Lists in HTML
Unordered List (<ul>):
<ul type="circle">
<li>Item 1</li>
<li>Item 2</li>
</ul>
Ordered List (<ol>):
<ol start="5" type="A">
<li>First</li>
<li>Second</li>
</ol>
Font Tag
<font face="Arial" size="4" color="red">This is styled text.</font>
Note: The <font> tag is outdated in modern HTML but still in syllabus.
Insert Images
<img src="[Link]" width="300" height="200" alt="Flower Image">
Subscript and Superscript
H<sub>2</sub>O -> H2O
x<sup>2</sup> -> x2
Summary Table
HTML Structure: <html>, <head>, <title>, <body>
Formatting Text: <b>, <i>, <u>, <br>, <hr>, <!-- -->
Headings: <h1> to <h6>
Paragraphs: <p>
Lists: <ul>, <ol>, <li>
Font Styling: <font face='' size='' color=''>
Images: <img src='' width='' height='' alt=''>
Sub/Superscript: <sub>, <sup>