Scribd
Upload
3 views8 pages

HTML Basics: Links, Images, and Formatting

This document provides an overview of various HTML elements including links, images, horizontal rules, comments, text formatting, and style attributes. It includes syntax examples for each element, demonstrating how to implement them in HTML code. Additionally, it highlights the purpose of comments and various formatting tags to enhance the readability of HTML documents.

Uploaded by

forspam3009
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
3 views8 pages

HTML Basics: Links, Images, and Formatting

This document provides an overview of various HTML elements including links, images, horizontal rules, comments, text formatting, and style attributes. It includes syntax examples for each element, demonstrating how to implement them in HTML code. Additionally, it highlights the purpose of comments and various formatting tags to enhance the readability of HTML documents.

Uploaded by

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

LECTURE 3

LINK TAG

Html Links :

Html links are defined with the <a> tag

Syntax : <a href="[Link]


<html>
<body>
Example :
<a href="[Link]

</body>
</html>

If we click this link it goes to gmail


O/P : Gmail account
IMAGE TAG

HTML Images :
HTML images are defined with the <img> tag.
Syntax : <img src "[Link]" width="104" height="142" />
Example : <html>
<body>

<img src="[Link]" width="104" height="142" />

</body>
</html>

O/P:
HTML RULES
HTML Rules (Lines) :
The <hr /> tag is used to create an horizontal rule
(line).

Example: <html><body>
O/P :
Exnora
<h3>Exnora</h3>
<hr /> Safety Exnora
<h3>Safety Exnora</h3>

</body></html>
HTML COMMENTS
HTML Comments :
Comments can be inserted in the HTML code to make it more
readable and understandable. Comments are ignored by the browser and are not
displayed.

Syntax : <!-- some text →

<html><body> O/P :
Example :

<!--It will not be displayed-->


<h3>Plant Trees </h3>
Plant Trees
</body></html>
HTML TEXT FORMATTING

Some Formatting Tags are 1,b-Bold, 2.i-Italic, [Link]-Computer


code,[Link]-Subscript & [Link]-Superscript

<html><body>

<b>Confidence</b><br />
<big>Hardwork</big><br />
<i>Preseverance</i><br />
<code>Samsung CRT</code><br /> Implement it as a Exercise
This is<sub> subscript</sub><br /> (Practical)
This is<sup> superscript</sup>

</body></html>
HTML STYLE ATTRIBUTES

Tags Description

<center> Defines centered content

<font> Defines HTML fonts

<s> and <strike> Defines strikeout text

<u> Defines underlined text

Attributes Description

Align Defines the alignment of text

Bgcolor Defines the background color

Color Defines the text color


STYLE EXAMPLE
<html>
<h1 style="text-align:center">NATURE</h1>

<body style="background-color:yellow">

<p style="font-family:Purisa;color:red">Plant Tree</p>

<p style="font-family:times;color:red">Save Our Generation</p>

<p style="font-size:40">Value Our Environment</p>


</body> </html>

O/P :
NATURE
Plant Tree
Save Our Generation
Value Our Environment

You might also like