Scribd
Upload
18 views

ICT Notes 2024

Uploaded by

alexgd335
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
18 views

ICT Notes 2024

Uploaded by

alexgd335
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

Introduction to HTML

- HTML (Hypertext Markup Language): A coding language used to create


webpages.

- Web Browser: A software application that displays HTML content.

Basic HTML Structure

1. <!DOCTYPE html>: Declares the document type and version of HTML.

2. <html>: Opening tag that indicates the start of the HTML document.

3. <head>: Contains metadata and links to scripts and styles.

4. <title>: Sets the title of the webpage (displayed on the browser tab).

5. <body>: Contains the main content of the webpage.

6. </body>: Closing tag for the body section.

7. </html>: Closing tag indicating the end of the HTML document.

Key HTML Tags

- Heading Tags:

- <h1>: Main heading.

- <h2>: Subheading.

- Paragraph Tag:

- <p>: Used to define a paragraph of text.

- Image Tag:

- <img src=”path_to_image” width=”size_in_pixels”


height=”size_in_pixels”>: Displays an image on the webpage.

- Link Tag:

- <a href=”link_to_page”>link text</a>: Creates a hyperlink to another


page or site.

- List Tags:

- Ordered List: <ol> with items <li>.


- Unordered List: <ul> with items <li>.

Text Formatting

- Font Style: Specified using the style attribute.

- Example: <p style=”font-family: Arial; font-size: 20px;”>This is a sample


paragraph.</p>

- Text Alignment: Controlled by text-align in the style attribute.

- Example: <p style=”text-align: center;”>Centered Text</p>

Background Color

- Change the background color of the webpage using:

- <body style=”background-color: lightblue;”>

Lists

- Ordered List:

<ol>

<li>First item</li>

<li>Second item</li>

<li>Third item</li>

</ol>

- Unordered List:

<ul>

<li>Item one</li>

<li>Item two</li>
<li>Item three</li>

</ul>

Key Terms

- Domain Name: The human-readable address of a website (e.g.,


www.example.com).

- IP Address: A unique number assigned to each device on a network (e.g.,


192.168.1.1).

- Domain Name Server (DNS): A system that translates domain names into IP
addresses.

- Ethical Behaviour: Acting in ways that are morally right, such as being
honest.

Possible Fill-in-the-Blank Questions

1. The tag used to create a hyperlink is _______.

2. The main heading tag in HTML is _______.

3. To change the background color of a webpage, you use the _______


attribute in the body tag.

4. An ordered list is created with the tag _______.

5. The closing tag for the head section is _______.

6. The _______ code tells the browser that the document is an HTML
document.

7. The tag for a paragraph of text is _______.

8. An image is inserted using the _______ tag.

9. A website’s name that is easier to remember than its IP address is called a


_______.

10. To set a font size in HTML, you specify it in _______.

11. A tag that indicates where the HTML document starts is _______.
12. _______ is the practice of ensuring one’s actions are morally acceptable.

13. The tag used for the smallest heading is _______.

14. The _______ tag is used to list items without numbers.

15. An example of a supported font is _______.

Possible Multiple Choice Questions

1. Which tag is used to create a list item?

- a) <list>

- b) <li>

- c) <item>

- d) <ol>

2. What does the <title> tag define?

- a) The heading of the page

- b) The title displayed on the browser tab

- c) The background color

- d) The footer of the webpage

3. Which attribute would you use to center text?

- a) text-align

- b) align

- c) center

- d) position

4. What type of list has numbers?

- a) Unordered list

- b) Ordered list
- c) Bulleted list

- d) None of the above

5. The correct way to insert an image is:

- a) <image src=”image.jpg”>

- b) <img src=”image.jpg”>

- c) <picture src=”image.jpg”>

- d) <src img=”image.jpg”>

6. Which is NOT a supported font in web browsers?

- a) Arial

- b) Comic Sans

- c) Helvetica

- d) Times New Roman

7. A webpage’s unique identifier on the internet is known as its:

- a) Domain Name

- b) URL

- c) IP Address

- d) Both a and b

8. What is the purpose of the <body> tag?

- a) To define the document type

- b) To contain the visible content of the webpage

- c) To add links

- d) To format text
9. Which attribute specifies the link destination in an anchor tag?

- a) href

- b) src

- c) link

- d) destination

10. Ethical behavior in web development refers to:

- a) Following coding standards

- b) Being honest and moral in actions

- c) Using proper grammar in code comments

- d) Ensuring code runs without errors

HTML Code for Quaid-E-Azam Webpage

<!DOCTYPE html>

<html>

<head>

<title>Quaid-E-Azam</title>

</head>

<body>

<h1>Quaid-E-Azam Muhammad Ali Jinnah</h1>

<img src=”../desktop/Quaid-E-Azam.jpg” width=”400”


style=”float:right;”>

<br>

<p style=”font-family: Arial;color: red”>Quaid-E-Azam Muhammad Ali


Jinnah was the founder of Pakistan. He played a crucial role in the struggle
for independence from British rule.</p>

<br>
<p>He is regarded as a symbol of unity, faith, and discipline.</p>

<br>

<p>Making webpages is awesome because it allows you to share


information easily.</p>

</body>

</html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy