Web-Development/links.html at master · Lamartune/Web-Development · 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
<!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="images.html" title="Resimleri Göster"> Resimler </a>

    <br /><br />

    <a
      href="images/pic_trulli.jpg"
      target="_blank"
      title="Sokak Resmini Yeni Sekmede Aç"
      >Sokak Resmi Aç</a
    >

    <br /><br />

    <a href="images.zip" title="Resmi İndir">Resmi İndir</a>

    <br /><br />

    <a href="https://google.com" target="_blank" title="Google'a Git">Google</a>
    <!-- Linki yeni sekmede açma işlemi "target="_blank" ile yapılır." -->

    <br /><br />

    <a
      href="images/pic_trulli.jpg"
      target="_blank"
      title="Resmi Yeni Sekmede Aç"
    >
      <img src="images/pic_trulli.jpg" alt="Sokak Resmi" width="100" />
    </a>
    <!-- Resim içine link ekleme özelliği bu şekilde yapılır. -->

    <br /><br />

    <a href="mailto:fatih.tun.2002@gmail.com" title="Mail Gönder"
      >Mail Gönder</a
    >

    <br /><br />

    <!-- Bölüm Başlığı Linkleme -->
    <a href="#bolum1">Bölüm 1</a>
    /
    <a href="#bolum2">Bölüm 2</a>

    <h2 id="bolum1">Bölüm 1</h2>

    <p>
      Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti quaerat
      eius explicabo doloremque molestiae facilis similique nemo dicta
      architecto inventore praesentium nam distinctio, magni, sed repudiandae?
      Maxime veritatis, voluptates nobis veniam sint sed tempore ullam quos
      temporibus animi natus molestias ex facere, et consequuntur non quasi sunt
      porro? Placeat, doloremque. Autem repellat molestiae magni sint. Id
      deleniti iure tempore itaque dolor architecto voluptatibus tenetur
      provident nihil reprehenderit, at sequi nesciunt aut dicta ducimus
      suscipit incidunt laborum maiores veniam placeat. Doloribus repellat
      corporis molestiae iusto nesciunt a ratione sunt eum reprehenderit.
      Possimus voluptate nisi molestias! Tempore similique nostrum adipisci
      neque ut.
    </p>

    <h2 id="bolum2">Bölüm 2</h2>

    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, quos
      esse exercitationem corrupti enim sequi temporibus vitae iure porro
      aperiam error, voluptatibus et sit numquam saepe veritatis molestiae quia
      facilis ullam eaque! Culpa delectus amet quaerat. Praesentium laboriosam
      ipsam libero. Reprehenderit neque, earum quod tempore numquam dolorum
      doloremque ipsum optio? Aut sapiente tempora, harum in maiores architecto
      quod incidunt. Sit officiis laudantium illum corrupti voluptatum alias
      laborum, quisquam aliquam hic pariatur harum enim fugit optio quia
      consequuntur id, nam officia maiores. Quas delectus exercitationem veniam
      fuga illum doloribus fugiat itaque, facilis unde praesentium, ullam quam
      temporibus culpa veritatis saepe soluta.
    </p>
  </body>
</html>