HTML5-Tutorial/2.Heading-Paragraph.html at main · betulyldz/HTML5-Tutorial · 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
<!DOCTYPE html>
<html lang="tr">

<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">
    <!--responsive tasarımlar için kullanılır-->
    <title>HTML5 Heading-Paragraph</title>
</head>

<body>
    <h1>Başlık 1</h1> <!-- En büyük başlık-->
    <h2>Başlık 2</h2>
    <h3>Başlık 3</h3>
    <h4>Başlık 4</h4>
    <h5>Başlık 5</h5>
    <h6>Başlık 6</h6> <!-- En küçük başlık-->
    <p>
        <!--Buraya yazılan her şey paragrafı oluşturur-->
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui, asperiores!
        <!--lorem10 taba bas. 10 kelimelik paragra getirir.-->

        Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde est, beatae optio dolor eligendi nihil a rerum
        magni aliquam? Repudiandae quos inventore incidunt quam quis aliquam praesentium numquam nobis eligendi tenetur
        enim placeat mollitia animi neque a, id corporis laborum autem voluptas non asperiores obcaecati. Qui eveniet
        sit nesciunt dignissimos molestiae dolore eum nihil incidunt ab totam. Dolores odit vitae incidunt voluptate
        harum praesentium ut ad assumenda amet recusandae, possimus aspernatur. Esse fugit nulla, cumque dolor
        provident, natus est doloribus nam sint ad architecto voluptas deleniti. Consectetur expedita, reprehenderit
        debitis, ducimus quam rem, maiores harum aut facere repellendus possimus tenetur.
        <!--lorem100 taba bas. 100 kelimelik metin getirir.-->
    </p>
    <hr> <!--Koyduğunuz yere uzun, düz bir çizgi çeker-->
    <p>
        <!--<br> etiketi paragrafta istediğiniz yere koyarsanız ordan bir satır aşağıya atlar.-->
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto cupiditate soluta cum voluptatem, quaerat
        expedita error id animi provident dignissimos totam hic impedit numquam recusandae, fugiat earum non. <br>
        <!--Paragraf burada yeni satıra geçti.--> quaerat
        qui quibusdam illum ullam natus nobis sed, quas quo labore ab quae blanditiis, vero quidem porro soluta beatae?
        Nihil minus, sed corporis beatae consectetur alias suscipit eaque ipsa et autem cum corrupti excepturi eos fuga
        voluptatem sint est! Tempora, est vitae. Iure sint blanditiis molestias tenetur voluptate, ratione omnis non ab
        voluptas iusto quis repellat ipsa incidunt tempora deleniti quidem sunt provident asperiores aut dolores nostrum
        cumque quo impedit.Autem!
    </p>

</body>

</html>