0% found this document useful (0 votes)
94 views4 pages

Index - HTML 1

The document contains information about HTML tags for headings, paragraphs, images, and links. It provides examples of how to use the <h1>-<h6> tags, paragraph <p> tags, image <img> tags, and link <a> tags. It also shows how to use style, preformatted text, and title attributes.

Uploaded by

Caliph Jaga
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
94 views4 pages

Index - HTML 1

The document contains information about HTML tags for headings, paragraphs, images, and links. It provides examples of how to use the <h1>-<h6> tags, paragraph <p> tags, image <img> tags, and link <a> tags. It also shows how to use style, preformatted text, and title attributes.

Uploaded by

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

<!

DOCTYPE html>
<html>
<head>
<title> First web page </title>

</head>
<body>
<h1> Charity </h1>
<style> h1 {color:Green}
p {color:red}</style>

<p>“Tell My servants who have believed to establish prayer and spend from what We
have
provided them, <strong>secretly and publicly</strong>, before a Day comes
in which there will be no exchange,
nor any friendships.”</p>

<img src="https://th.bing.com/th/id/OIP.ucx_kPjWf8RWJxvFTtwiNwHaEK?
w=323&h=180&c=7&r=0&o=5&pid=1.7"

alt="Giving Charity" width="245" height="240">

<a href="
file:///C:/Users/CALIPH-JAGA/Documents/Arabic%20pdf/Charity.pdf">
Islamic Articles </a>

</body>

</html>

<!DOCTYPE html>
<html>
<head>
<title>First Title of the page</title>
</head>
<body>
<h1>This is a Heading no 1</h1>
<h2>This is a Heading no 2</h2>
<h3>This is a Heading no 3</h3>
<h4>This is a Heading no 4</h4>
<p>This is a paragraph.<strong>This is a second paragraph</strong>
<em>This is the third paragraph</em></p>

</body>
</html>
<a href="https://knowingallah.com/en"> Islamic Articles </a>
-----------------------------------------------------------------------------------
----------
HTML Headings
HTML Paragraphs
HTML Links
HTML Images
<!DOCTYPE html>
<html>
<body>
<h1>This is heading</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<p>HTML images are defined with the img tag:</p>

<img src="https://th.bing.com/th/id/OIP.VjACp6gibq1MgnyX9s3ySwHaEK?
w=294&h=180&c=7&r=0&o=5&pid=1.7"
alt="Cosmos" width="154" height="142">
<p> This is link for the web-site</p>

<a href="https://www.w3schools.com">This is a link of learning web</a>

</body>
</html>
------------------------------------------------------------------------------

<!DOCTYPE html>
<html>
<head>
<title>This is Title of the page</title>
</head>
<body>
<h1>My First Heading</h1>
<h2>My Second Heading</h2>
<h3>My Third Heading</h3>
<p style="color:red;">This is First paragraph</p>
<p style="color: rgb(8, 226, 92);">This is another paragraph</p>
<!-- HTML Links -->
<h5>HTML Links three are given are following:</h5>
<a href="https://www.w3schools.com">W3-school is a link</a>

<centre> <a href="https://www.mathsisfun.com/">Math is fun</a></centre>

<a href="https://www.programiz.com/html">Programize web</a>


<!-- HTML Images -->
<h5>HTML Image links are given of following:</h5>
<img src="https://th.bing.com/th?
q=GIF+Wallpapers&w=138&h=138&c=7&o=5&pid=1.7&mkt=en-
WW&cc=PK&setlang=en&adlt=moderate"
alt="Genji">
<img src="https://th.bing.com/th/id/OIP.b9JTItBnO9q9Q8mpY80ViwHaEo?
w=241&h=180&c=7&r=0&o=5&pid=1.7"
alt="Brave">
<img src="https://th.bing.com/th/id/OIP.7e9IeVRbfP3yd5RkA8GtVQHaEo?
w=244&h=180&c=7&r=0&o=5&pid=1.7"
alt="Panda">
<!--HTML line break. use quotation <br> </br>
e.g <p>We can use the <br> HTML br tag <br> to add a line break.</p>-->
<p>We can use the <br> HTML br tag <br> to add a line break.</p>

<!--Pre-formatted (strong bold text)Text in HTML -->


<pre>
This text
will be
displayed

in the same manner


as it is written
</pre>
<p>
We can use other tags like <strong>the strong tag to emphasize text</strong>
</p>
<!--Pre-formatted Text in HTML -->
<!DOCTYPE html>
<html>
<head>
<title> First web page </title>

</head>
<body>
<h1>Charity</h1>
<p>“Tell My servants who have believed to establish prayer and spend from what
We have
provided them, <strong>secretly and publicly</strong>, before a Day comes
in which there will be no exchange,
nor any friendships.”</p>

<a href="file:///C:/Users/CALIPH-JAGA/Documents/Arabic%20pdf/Charity.pdf">
Islamic Articles </a>
<img src="https://th.bing.com/th/id/OIP.ucx_kPjWf8RWJxvFTtwiNwHaEK?
w=323&h=180&c=7&r=0&o=5&pid=1.7"
alt="Giving Charity" width="345" height="340">
</body>
</html>
<!DOCTYPE html>
<!-- Write your comments here -->
<!-- an HTML div -->
<div>
<p>HTML is fun to learn.</p>
</div>
<!-- Write a heading -->
<h1>Important Heading</h1>
<!-- Multiple Line comments
can include line breaks
and also extra spaces -->

<p>this will display in the webpage</p>

<!DOCTYPE html>
<html>
<body>

<h2 title="I'm a header">The title Attribute</h2>

<p title="I'm a tooltip">Mouse over this paragraph, to display the title attribute
as a tooltip.</p>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h2 title="I'm a header">The title Attribute</h2>

<p title="I'm a tooltip">Mouse over this paragraph, to display the title attribute
as a tooltip.</p>

</body>
</html>

You might also like