📓 Introduction to web page designing using HTML

Posted by Admin Last Updated on Saturday, 15 February 2025 Under Class - 10 Computer Science

What is HTML?

HTML (HyperText Markup Language) is a standard markup language used to create web pages. It provides the structure and content of a web page, while CSS (Cascading Style Sheets) provides the layout and visual styling.

Basic HTML Structure
A basic HTML document consists of:

1. <!DOCTYPE html>: Declaration of the document type
2. <html>: Root element of the HTML document
3. <head>: Contains metadata about the document
4. <title>: Sets the title of the page
5. <body>: Contains the content of the HTML document

HTML Elements
HTML elements are represented by tags, which are surrounded by angle brackets < >. Elements can contain attributes, which provide additional information about the element.

Types of HTML Elements
1. Heading Elements: <h1>, <h2>, <h3>, etc.
2. Paragraph Element: <p>
3. Link Element: <a>
4. Image Element: <img>
5. List Elements: <ul>, <ol>, <li>
6. Table Elements: <table>, <tr>, <td>

HTML Attributes
HTML attributes provide additional information about an element. They are added to the opening tag of an element.

Common HTML Attributes
1. id: Unique identifier for an element
2. class: Class name for an element
3. style: Inline CSS styles for an element
4. href: Hyperlink reference for a link element
5. src: Source URL for an image element
6. alt: Alternate text for an image element

Creating a Simple Web Page
Here's an example of a simple web page using HTML:


<!DOCTYPE html>
<html>
<head>
  <title>My First Web Page</title>
</head>
<body>
  <h1>Welcome to My Web Page</h1>
  <p>This is my first web page.</p>
  <img src="image.jpg" alt="My Image">
</body>
</html>




See Topics - Class - 10 - Computer Science - Read in Hindi Download in Word