Scribd
Upload
172 views

HTML Tags

The document discusses various HTML tags: - HTML files require tags to differentiate text from code; tags are enclosed in angle brackets and perform different tasks. - Heading, paragraph, style, formatting, quotation, abbreviation, comment and anchor tags are described along with their purposes. - The image tag is used to display images with attributes like source, height, width and alternative text.

Uploaded by

ETL LABS
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
172 views

HTML Tags

The document discusses various HTML tags: - HTML files require tags to differentiate text from code; tags are enclosed in angle brackets and perform different tasks. - Heading, paragraph, style, formatting, quotation, abbreviation, comment and anchor tags are described along with their purposes. - The image tag is used to display images with attributes like source, height, width and alternative text.

Uploaded by

ETL LABS
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

HTML Tags

An HTML file must have some essential tags so


that web browser can differentiate between a
simple text and HTML text. You can use as many
tags you want as per your code requirement.

10
5 • All HTML tags must enclosed within < > these
brackets.
• Every tag in HTML perform different tasks.
• If you have used an open tag <tag>, then you
must use a close tag </tag> (except some tags)
Syntax

<tag> content </tag>

ETL LABS PVT LTD – PHP 136


Heading Tags
Headings are defined with the <h1> to
<h6> tags.

<h1> defines the most important 11


5
heading. <h6> defines the least
important heading.

ETL LABS PVT LTD – PHP 137


Paragraph Tags
12
5 The HTML <p> element defines a paragraph

ETL LABS PVT LTD – PHP 138


Style Attribute

Set Background Color


The background-color property defines
the background-color for an HTML
element. 13
5

This example sets the background color


for a page to powderblue

ETL LABS PVT LTD – PHP 139


Set Text Color
14
5 The color property defines the text color for an
HTML element

ETL LABS PVT LTD – PHP 140


Set Text Size
The font-size property defines the text
size for an HTML element 15
5

ETL LABS PVT LTD – PHP 141


Set Text Alignment
The text-align property defines the horizontal text
16
5 alignment for an HTML element

ETL LABS PVT LTD – PHP 142


Formatting Elements
HTML also defines special elements for
defining text with a special meaning.

HTML uses elements like <b> and <i> 17


5
for formatting output, like bold or italic
text.

Formatting elements were designed to


display special types of text
Example

<b>This text is bold</b>

ETL LABS PVT LTD – PHP 143


<p>
WWF's goal is to: Quotation Tag
<q> The HTML <q> element defines a short quotation.
Build a future where
18
5
people live in
Browsers usually insert quotation marks around the
harmony with nature.
<q> element.
</q>
</p>

ETL LABS PVT LTD – PHP 144


Abbreviation Tag
The HTML <abbr> element defines an <p>
abbreviation or an acronym. The
19
5 <abbr title="World Health
Organization">
Marking abbreviations can give useful
WHO
information to browsers, translation
</abbr>
systems and search-engines.
was founded in 1948.
</p>

ETL LABS PVT LTD – PHP 145


Comment Tags
You can add comments to your HTML source by
20
5 using the following syntax

<!-- Write your comments here -->

ETL LABS PVT LTD – PHP 146


Anchor Tag
The href attribute is used to define the
address of the file to be linked. In other
words, it points out the destination page.
The syntax of HTML anchor tag is given
below.
21
5
<a href = "..........."> Link Text
</a>

Let's see an example of HTML anchor tag.

<a href="second.html">Click for


Second Page</a>

ETL LABS PVT LTD – PHP 147


Image Tags
HTML img tag is used to display image on the web
page. HTML img tag is an empty tag that contains
attributes only, closing tags are not used in HTML
image element.

22
5 Let's see an example of HTML image.

<img src="good_morning.jpg" alt="Good Morning


Friends"/>
Attribute of image tag

<img src="animal.jpg" height="180"


width="300" alt="animal image">

ETL LABS PVT LTD – PHP 148

You might also like