-
Notifications
You must be signed in to change notification settings - Fork 0
/
index1.html
40 lines (38 loc) · 2.37 KB
/
index1.html
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
<!-- to get started just type '!' in emmet-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="https://www.google.com/" target="_blank"><img src="/Images/download.jpg" alt=""></a>
<h1 id"top">Top of the page</h1>
<!-- in the links you can alsao insert images, where you write the text for the link, just add img emmet and now that image will become a link which will take you to the href assigned website -->
<!-- to get beck to the top of the page you create a top element which is predefined and is accessed by creating a heading and than (see above) write id"top" now you can access this id by creating a link and in href type #(your created element/id which in this case is href"#top"
! learn more about ids) -->
<!-- coomets, hello there, this is to make sure you understand the code-->
<!-- for comments emmet, ctrcl + f-slash -->
<!-- emmet, h for heading and 1 2 3 4 for different sizes repectively
emmet, p for paragraph -->
<h1>Nature</h1>
<!-- line break, emmet, br -->
<br>
<img src="/Images/download.jpg" alt="Image Fetching Error">
<a href="https://www.google.com/" target="_blank">Original Image Link</a>
<p>Nature is a very important aspect of life.</p>
<!-- for adding links, emmet, a -->
<!-- in the image emmet, to get an image, press farwad slash and choose the directory -->
<!-- to get the image or link to open in a new page instead of the current one, use element, target="_blank" (insert after href"") -->
<!-- lorem, emmet is for testing, it show the desried no of words or paragraphs or whatever in the website. e.g lorem234 will show 234 words on the website to see how it looks -->
<p>some text</p>
<br>
<!-- br emmet for adding space in between anything,text or image or whatever -->
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#top">back to the top</a>
<a href="About.html" target="_blank">About</a>
</body>
</html>
<!-- ctr enter will make a new line of code where ever in the previous line of code you are. so you do nit have to get to the end of line and press enter to create a new line -->