Scribd
Upload
4 views15 pages

HTML20TAGS20 20group204201

The document provides an overview of HTML tags, which are essential for structuring and laying out web pages. It covers key HTML elements like <html>, <head>, <body>, and various text and list tags, as well as how to create hyperlinks. The content is presented by Group 4 and includes examples of HTML code.

Uploaded by

lagrimasdavid2
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
4 views15 pages

HTML20TAGS20 20group204201

The document provides an overview of HTML tags, which are essential for structuring and laying out web pages. It covers key HTML elements like <html>, <head>, <body>, and various text and list tags, as well as how to create hyperlinks. The content is presented by Group 4 and includes examples of HTML code.

Uploaded by

lagrimasdavid2
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/ 15

HTML

TAGS
PRESENTED BY : GROUP 4
HTML TAGS
HTML (HyperText Markup Language) tags are
the fundamental building blocks used to create
the structure and layout of web pages.
They are pieces of markup language that
indicate the beginning and end of an HTML
element in an HTML document.
HTML tags help web browsers convert HTML
documents into web pages by defining the
structure and content of a webpage
STRUCTURE
HTML structure defines the basic layout of a
webpage.
Key Tags:
<html>: Root element that wraps the entire
content.
<head>: Contains metadata (title, styles).
<body>: Holds the visible content.
<div>: A container for organizing content.
STRUCTURE
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>My First Webpage</title>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>This is my first HTML website!</p>
</body>
</html>
TEXT
Text tags define how text appears on the
webpage.
Common Tags:
<h1> to <h6>: Headings (largest to smallest).
<p>: Paragraph.
<b>: Bold text.
<i>: Italic text.
<u>: Underlined text.
TEXT

<p>This is a <b>bold</b> word.</p>


<p>This is an <i>italic</i> word.</p>
<p>This is an <u>underlined</u> word.</p>
TEXT
TEXT
Italic
Bold
Paragraph
Underlined
LIST
HTML supports two types of lists:
<ul>: Unordered list (bullets).
<ol>: Ordered list (numbers).
<li>: List item, used inside <ul> or <ol>.
LIST
<h2>Unordered List Baby:</h2>
<ul>
<li>Lambing</li>
<li>Apples</li>
<li>Bananas</li>
<li>Cherries</li>
</ul>

<h2>Ordered List po:</h2>


<ol>
<li>Talbog</li>
<li>nako</li>
<li>bro</li>
</ol>
LIST
LINKS
Links connect webpages together.
Key Tag:
<a href='URL'>: Defines a hyperlink.
Attributes:
href: Specifies the link destination.
target='_blank': Opens the link in a new tab.
LINKS
<a href="https://www.google.com">Visit Google</a> <br>
<a href="https://www.google.com" target="_blank">Open
Google in New Tab</a>
LINKS
THANK YOU
PRESENTED BY : GROUP 4

You might also like