HTML_Practice/firstpractice.html at main · ManpreetSidhu/HTML_Practice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<! DOCTYPE html>
<html>
	<head>
	<style>
	body {background-color:pink;}
	h1{ border:4px solid orange;height:100px;width:300px;}

	</style>
		<title>Hello</title>
		<meta></meta>
	</head>
	<body>
		this is a  text
		<h1 style="background-color:green"  >Heading 1</h1>
		<h1 style="background-image:url('https://th.bing.com/th/id/R.64ee139946f1339f95d51edb6c3a4c1d?rik=BrKTlsT0L%2bsLkA&riu=http%3a%2f%2fwww.wallpapers13.com%2fwp-content%2fuploads%2f2016%2f02%2fAutumn-river-sky-wooden-bridge-ultra-HD-3840x2160-wallpaper.jpg&ehk=U%2fLoTHZBiTcl3z37Egkm12yWyXlhJ9j%2fZjJIGOwtXi4%3d&risl=&pid=ImgRaw&r=0')"> heading 1.1 </h1>
		<h1 style="background-color:yellow"> Heading 1.2 </h1>
		<h2 style="color:blue">Heading 2</h2>
		<h3 style="color:green">Heading 3</h3>
		<h4>Heading 4</h4>
		<h5>Heading 5</h5>
		<h6>Heading 6</h6>
		<p > <a href="https://www.sait.ca/">Visit SAIT College </a></p>
		<p align="left" style="background-color:grey"> student can select<mark>Courses</mark></p>
		<p align="Left" style="background-color:red"> para2</p>
		<p align="Left" style="border:2px solid red;padding-bottom:20px"> para3</p>
		<p align="Left"> Para 4</p>
<p style="background-image:url('C:\Users\Pariman\Desktop\backgroundimage.jpg');"> i modified the file</br>
for any visible  element.<br>
the background image<br>
Beautiful Bird.<br>
I like the red color<br>
</p>
	</body>

</html>