web-dev-html/index.html at default · Vinitranjansah/web-dev-html · 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<html>
<head>
<meta charset="UTF-8">
<!--- this tells the browser which type of data we use -->
<title>learning page 1</title></head>
<!--- head tag or many tang that contain many tag inside it is called container -->
<body style ="background-color:lightblue; background-image: url('https://cdn.pixabay.com/photo/2018/01/14/23/12/nature-3082832_960_720.jpg'); background-repeat: no-repeat;  background-attachment: fixed; background-size: cover;">
<!--- BASIC TAG -->

<!---<p>Browsers usually indent blockquote elements.</p>

<blockquote>
For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.
</blockquote>
<hr>
<pre>
Browsers usually indent blockquote elements.
				For nearly 60 years, WWF has been protecting the future of nature. The world's iiii
				leading conservation organization, WWF works in 100 countries and is supported by
				more than one million members in the United States and close to five million
				globally.</pre>
	<br>
<h2 style="text-align:center;">oh so bro<mark><cite>fuck</cite></mark></h2>
<h1 style="color:green;text-align:center;"><bdo dir="rtl">oh so fuck bro</bdo></h1>--->
hello world

<!--- tag <!DOCTYPE html>
this tell ourcomputer that this is html file
for slash tell that this is closing tag
head of the document telling about the page
any thing in body tag will shown on browser   ---><h1>
vinit website</h1><hr>
<h2> again </h2>
<hr/><hr>
<!--- this give heading or size of the test-->
<p><big> this </big><small>is</small> one <b>paragraph</b> </p>
</hr>
<p> this is another <i>paragraph</i></p>
<p> h<sub>2</sub>o</p>
<p> 10<sup>2</sup></p>
<br>
<hr>
<h2>style and color </h2>
<p  style="color:blue;background-color:aqua"> you can style your code and make attractive using css</p>
<header>

sdlkfsdj sdkl
<nav>
fijgvkf
</nav>
</header>
<main>
<article>
<h1>
New Article
</h1>
This article is new, it's under article section.
<section>
<h4>
Heading for our section.
</h4>
This is our new section of the Article.
New line
<!--<aside>
ASIDE
</aside>-->
</section>
</article>
</main>
<footer>
vjndfkogvdfh
</footer>

<a href="file:///C:/Users/vinit/Desktop/html/payment_form.html" ><h1 style="color:green;">don't open this link harmful danger you will get shoot out</h1></a>

<a href="https://www.youtube.com/watch?v=pQN-pnXPaVg&t=3020s" target=_blank><h1 style="color:green;">don't open this link harmful danger you will get shoot out</h1></a>

<a href="https://www.facebook.com/WhiteHouse" target=_blank><h2 style="text-align:center;color:white;">It's not White HOUSE</h2></a>

<hr>
<h2 style="text-align:center;color:red ;">how to set image in page </h2>
<img src="jmjcoKA-hd-wallpapers-1080p-nature.jpg" alt="picture of mountain" usemap="#workmap">

<map name="workmap">

<area shape="rect" coords="655,342,1018,572" alt="water"
href="https://education.nationalgeographic.org/resource/ocean" target=_blank">
<area shape="poly" coords ="301, 483, 329, 488, 361, 489, 390, 498, 401, 486, 422, 485, 442, 486, 450, 474, 430, 468, 397, 459, 349, 439, 312, 433, 297, 447" alt="stone" href="https://www.youtube.com/watch?v=evhh3NE3fyw" target=_blank>
<area shape="circle" coords="250,264,200" alt="mountain" href="https://www.britannica.com/science/mountain-landform" target=_blank>


<hr>

<img src="https://starwalk.space/gallery/images/mars-the-ultimate-guide/640x360.jpg" alt="Pictyure of MARS
">

</body>
</html>