<!
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>
