Scribd
Upload
10 views

HTML Class Activity 1

The document introduces the basic HTML tags used to structure a web page including headings, paragraphs, hyperlinks, images, lists and more. It provides the syntax of each tag and an example HTML file using the tags.

Uploaded by

david
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
10 views

HTML Class Activity 1

The document introduces the basic HTML tags used to structure a web page including headings, paragraphs, hyperlinks, images, lists and more. It provides the syntax of each tag and an example HTML file using the tags.

Uploaded by

david
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

# HTML Introduction

1. `<html>`: This tag encloses the entire HTML content.


2. `<head>`: This is where meta-information about the document is placed, such as
the page title.
3. `<title>`: Defines the document's title, which is displayed in the browser
tab.
4. `<body>`: Contains the visible content of the web page.
5. `<h1>` to `<h6>`: Headings of various sizes.
6. `<p>`: Paragraph.
7. `<a>`: Hyperlink to link text or images.
8. `<img>`: Insert images.
9. `<ul>`: Unordered list.
10. `<ol>`: Ordered list.
11. `<li>`: List item.

Example of a simple HTML file using these tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
</head>
<body>
  <h1>Welcome to my website</h1>
 
  <p>This is a paragraph.</p>
 
  <h2>A link to another webpage:</h2>
  <a
href="https://upload.wikimedia.org/wikipedia/commons/e/ee/Chain_link_icon.png"
target="_blank">Click here</a>
 
  <h2>An inserted image:</h2>
  <img src="image.jpg" alt="Description of the image">
 
  <h2>An unordered list:</h2>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
 
  <h2>An ordered list:</h2>
  <ol>
    <li>Item A</li>
    <li>Item B</li>
    <li>Item C</li>
  </ol>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
</head>
<body>
  <h1>Welcome to my website</h1>
 
  <p>This is a paragraph.</p>
 
  <h2>A link to another webpage:</h2>
  <a
href="https://upload.wikimedia.org/wikipedia/commons/e/ee/Chain_link_icon.png">Cl
ick here</a>
 
  <h2>An inserted image:</h2>
  <img
src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Chain_link_icon.png"
alt="Description of the image">
 
  <h2>An unordered list:</h2>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
 
  <h2>An ordered list:</h2>
  <ol>
    <li>Item A</li>
    <li>Item B</li>
    <li>Item C</li>
  </ol>
</body>
</html>

You might also like