HTML'de Sayfa İçi Bağlantılar

by trustix


Eklenme Tarihi : 16 Aralık 2020 14:43 Views:     341



Aynı Sayfa İçinde Bağlantılar

HTML bir web sayfası içerisindeki elementlere dahi bağlantı verebilmenizi ya da köprü atabilmenizi sağlayan bir yapıdadır. Şöyle bir örnek düşünebilirsiniz. Onlarca sayfa uzunluğunda bir içerik oluşturuyorsunuz. Kullanıcının sayfa içerisinde rahat hareket edebilmesi için de bir tane içindekiler bölümü oluşturmak istiyorsunuz. Bu içindekiler bölümündeki başlıklara tıklayarak kullanıcı direkt olarak konunun o bölümüne ulaşacaktır. Böyle bir yapıyı HTML ile kurmak mümkündür. Bunun için HTML etiketlerinden kullanılan id özniteliğini de sürece katmak gerekiyor.

Örneğin:

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML - Sayfa İçi Bağlantılar </title>
</head>
<body>

    <!--
        Üç farklı konu başlığından oluşan bir yapı kuruyoruz.
        Her konu için bir başlık metni ve her başlık için
        bir içerik metni. Burada olduğu gibi başlıkları h3
        içerikleri ise p etiketi içerisine yazıyoruz.
    -->
    
 
        <h3 id="konu1">Birinci Konu Başlığı</h3>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam ipsum iste ipsa delectus quos nostrum accusantium sint atque doloribus dicta.</p>

        <h3 id="konu2">İkinci Konu Başlığı</h3>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam, ullam. Molestiae recusandae magnam sint provident, unde eaque minus saepe vitae.</p>

        <h3 id="konu3">Üçüncü Konu Başlığı</h3>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facilis dolores odio dignissimos aliquid veniam vero ipsam fugiat similique nulla in!</p>

</body>
</html>

 

Yukarıdaki gibi içeriğimizi oluşturduktan sonra sayfa başına içindekiler bölümü şeklinde bir bölüm oluşturulup konu başlıkları buraya eklenebilir. Daha sonra href özniteliklerine id değerlerinin parametre olarak verilmesi yeterlidir. Örneğin:

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML - Sayfa İçi Bağlantılar </title>

    <style>
        p {
            margin:25px;
            padding:40px;
            line-height:16px;
        }

    </style>

</head>
<body>

<!--
    a etiketinin href özniteliğini p etiketlerine verdiğimiz id değerine göre belirliyoruz. 
    Bunu yaparken dikkat etmemiz gereken href bölümüne id değerini verirken
    değerin başına diyez(#) işareti koymaktır.
-->

        <a href="#konu1">Birinci Konuya Gitmek için tıklayınız.</a><br>
        <a href="#konu2">İkinci Konuya Gitmek için tıklayınız.</a><br>
        <a href="#konu3">Üçüncü Konuya Gitmek için tıklayınız.</a><br>






    <!--
        Üç farklı konu başlığından oluşan bir yapı kuruyoruz.
        Her konu için bir başlık metni ve her başlık için
        bir içerik metni. Burada olduğu gibi başlıkları h3
        içerikleri ise p etiketi içerisine yazıyoruz.
    -->
    

 
        <h3 id="konu1">Birinci Konu Başlığı</h3>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi accusamus ab iusto aut, porro nam fuga quae magnam tenetur at ut excepturi! Expedita obcaecati inventore sequi, natus harum alias ad!
        Ipsum ab at blanditiis incidunt commodi libero dicta ad quos ea quae quam qui magnam ipsa consectetur optio unde asperiores debitis sunt magni, cumque a deserunt, odio quidem. Cum, mollitia.
        Iusto eos expedita libero in illo culpa fugiat at, hic nostrum repellat ut eius omnis laborum explicabo consequatur deleniti exercitationem maxime nulla enim sapiente veritatis ipsa magnam labore! Minus, unde.
        Dolorum atque sit distinctio dolor libero omnis error dolore quae doloremque nostrum, consequuntur fugiat cumque, esse architecto enim! Voluptates asperiores exercitationem possimus. Cupiditate quod necessitatibus nihil, consequatur id quidem obcaecati.
        Aspernatur, tempora dolore veniam non itaque sed, distinctio corporis saepe iusto eius maxime ut cumque quaerat deserunt. Quidem sunt laboriosam magnam praesentium velit repellat ipsam in? Veniam pariatur placeat labore.
        Ab optio vitae reprehenderit illo veniam reiciendis delectus nostrum dolorem, omnis non suscipit, commodi eligendi, placeat doloribus ea molestiae blanditiis aliquid aperiam. Fugiat unde laudantium eum corrupti ad obcaecati harum.
        Iste tenetur distinctio minima? Aliquam ipsum porro repellat provident laboriosam ab itaque molestias laudantium modi inventore sed, atque autem rerum aliquid vero eum totam perferendis voluptates, expedita laborum nisi! Obcaecati!
        Itaque est eveniet dolorum expedita dolores reiciendis, quasi non repellendus dicta incidunt ducimus. Assumenda, quibusdam eos, dolor autem dolorum pariatur provident rem quasi beatae atque tempora veniam ea, deleniti necessitatibus?
        Iusto exercitationem vero natus cumque dolorum ipsa, similique repellat nam neque officia alias consequatur atque, non vitae laboriosam aspernatur debitis, perferendis id. A sequi officiis quia veniam laborum minima rem.
        Quaerat hic expedita tenetur delectus sapiente blanditiis sunt quibusdam, magni illum cupiditate et ipsum modi, reprehenderit soluta debitis alias vel cum ipsa itaque nam! Doloremque, non. Reiciendis distinctio dolor dolorum.
        Fuga recusandae voluptatibus rerum repudiandae, modi eum possimus aliquid deleniti praesentium iure ad obcaecati accusamus illum culpa iste nisi sint quo ex, qui dolores eos quam. Natus magni suscipit ullam.
        Iusto, officiis libero ab quod veritatis fugit doloribus vitae officia laudantium itaque, animi obcaecati in ex ea modi optio nobis tenetur nostrum possimus quaerat tempora saepe perspiciatis mollitia eveniet. Dignissimos?
        Neque, incidunt exercitationem voluptas possimus, temporibus delectus aliquid dolorum eius corporis inventore ratione! At alias cumque quidem accusamus, consectetur blanditiis accusantium maiores, iste, molestias doloremque obcaecati consequatur. Ab, quo modi?
        Illum omnis accusamus repellat unde, qui fugiat natus laudantium ullam expedita excepturi ab aliquam totam nam, animi beatae dolorem. Animi dolores illo necessitatibus mollitia officia accusantium doloremque iure voluptate recusandae!
        Fugiat, esse animi earum molestias autem labore sint sed minus provident iure cum adipisci quos velit dolorum, alias quae modi. Odio in reprehenderit laboriosam, atque debitis tempore quas perspiciatis cum?
        Itaque, esse eius consequatur reprehenderit inventore, eos, nisi illo corporis in quidem porro repudiandae totam veniam! Repellendus molestias laboriosam ea veniam perspiciatis culpa, nostrum nisi architecto, soluta id aspernatur ullam.
        Fugit officiis inventore iste saepe, eveniet id qui a voluptates nemo in. Illo accusantium quidem ducimus nihil tempore ab amet deleniti! Architecto neque ab ullam eius asperiores officiis ipsum at?
        Quis, maxime? Magnam optio ullam, maxime id natus ea eius nam suscipit adipisci debitis autem beatae magni delectus quod, excepturi, tempora molestias totam labore dolorum! Voluptate nostrum explicabo quos molestias?
        Asperiores ipsa repudiandae blanditiis molestiae quod atque veniam dolorem earum ipsum laudantium impedit ex voluptatibus, sunt minus error eius reiciendis! Hic molestiae perferendis, ratione temporibus laudantium praesentium minus! Officia, fugit.
        Officiis molestiae iste, exercitationem quas iusto laudantium et ex natus nihil consequatur harum dolorem quo minus, perspiciatis voluptates asperiores suscipit dignissimos quaerat sapiente. Doloremque molestiae repellendus at quas odio nulla. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam ipsum iste ipsa delectus quos nostrum accusantium sint atque doloribus dicta.</p>

        <h3 id="konu2"> İkinci Konu Başlığı</h3> 
        <p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Mollitia, et harum! Animi, nisi tempora! Architecto blanditiis esse quam asperiores, saepe, eligendi expedita voluptatem veritatis delectus officiis mollitia tempora quasi eum!
        Neque quae qui et cumque sunt veniam a delectus voluptas! Recusandae nesciunt omnis minima debitis corporis, excepturi dolores velit itaque temporibus reprehenderit aliquam dolorem tenetur alias error ipsa, maiores quod?
        Accusantium, reiciendis ab. Ad perferendis, eum molestias inventore vitae, eos voluptatem unde quisquam, totam voluptatibus ipsum? Aliquid, doloribus, voluptate molestias eveniet similique est, laborum ipsum nobis ab accusamus quos voluptatum?
        Deserunt ut tenetur maxime provident porro nemo laudantium in. Commodi magnam minima deserunt adipisci, fugit quas aspernatur, neque ad corrupti culpa nulla facere eum quo. Numquam eum eius accusamus sunt.
        Recusandae ex, reiciendis accusantium temporibus consequuntur et veritatis sunt doloremque nam aperiam? Sapiente nihil reprehenderit, delectus modi inventore ut dolore, ab error fuga ipsa minima similique? Veniam quasi sed beatae!
        Quia velit, cupiditate architecto rerum dicta repellat cum? Omnis nemo qui tenetur nisi repudiandae fuga laboriosam provident sequi repellat a blanditiis, deleniti laborum, maiores adipisci earum beatae unde necessitatibus animi.
        Officia accusamus repudiandae iste qui voluptate dolore obcaecati beatae cupiditate, non sint. Animi repellat ex velit commodi ipsam dolores quidem unde, recusandae placeat maiores, perspiciatis provident id illum libero suscipit!
        Corporis magni hic reiciendis natus omnis. Dignissimos repellendus, enim laboriosam nobis pariatur ullam doloribus quidem facere sed ut distinctio, nemo voluptates reprehenderit eos, quisquam dolorum nostrum incidunt! Quis, odio temporibus!
        Dignissimos accusamus, placeat ea mollitia impedit inventore quam error tempora aspernatur, nesciunt pariatur maiores fugit sapiente neque aperiam dolores natus delectus libero nam consectetur! Ducimus maiores aut cumque ratione modi.
        Tempora perspiciatis iusto sit aspernatur velit, ullam minus enim reiciendis dicta adipisci nisi alias harum vitae eveniet ad, sint distinctio ipsum nobis recusandae maxime laborum! Placeat itaque illo beatae nulla.
        Obcaecati earum facilis id labore nihil perspiciatis voluptatum culpa dolorum ad natus ipsa assumenda doloribus rem aut, ab nam atque ducimus recusandae soluta blanditiis iusto eum architecto deleniti quaerat! Ratione.
        Tempora consequuntur, ipsa aut quis vel harum ex magnam iste eius reiciendis, necessitatibus pariatur dolorum animi fugiat porro nisi voluptate maxime illum voluptas atque neque optio. Totam doloribus magni ullam.
        Praesentium tempore reiciendis, consequuntur nulla officia impedit, id exercitationem vitae, sunt aspernatur ex. Enim fugiat, fugit sint illum doloribus ea officia molestiae minus eos alias id sed sapiente amet repudiandae.
        Eveniet ratione amet nostrum atque, in et temporibus laboriosam, aliquid, totam voluptates minima tempore ut? Eos numquam fugiat voluptate rerum quae dolorum assumenda quis, nemo iusto, consequatur est dolores eveniet.
        Odio ab debitis voluptatum incidunt in consequatur ipsam officiis quibusdam veritatis fugiat facilis natus nobis blanditiis sit temporibus minima libero voluptas nam, sapiente amet esse odit animi nihil? Alias, tempora.
        Autem eos itaque officiis nulla vero rem dolores harum distinctio alias nesciunt exercitationem, consequuntur id eligendi impedit quos voluptates! Neque commodi ratione provident natus quaerat sed harum aut recusandae odit.
        Alias aut commodi ullam explicabo animi quibusdam ut doloribus atque optio cupiditate. Nulla placeat ex optio cum laudantium exercitationem voluptate, eius fugit nam beatae veniam illum aperiam, deleniti inventore magnam.
        Quisquam doloribus asperiores tempora iure repellat atque facere obcaecati, similique, vel maxime, dolore quas fugiat aspernatur! Quia, sunt, corrupti quo ut dolor sequi blanditiis soluta provident voluptas qui fugit minus.
        Expedita ducimus, ratione doloremque ipsum distinctio modi laudantium aperiam ipsa corrupti reprehenderit accusantium maiores quod. Dolorum, iste! Molestiae esse repellendus veritatis, aliquam officia voluptatem laborum repellat. Alias voluptatem architecto a.
        Facere, libero nemo error, quod incidunt nam commodi consequatur soluta ipsam doloremque ipsa similique! Illum placeat dolore, aperiam repellendus reiciendis quos tenetur, quasi animi at distinctio earum laboriosam dolor nemo!
        Minus, facere nemo quidem, soluta enim temporibus reprehenderit quos tempora atque laudantium harum. Provident officiis rerum, alias excepturi ipsam labore maiores, reiciendis totam corporis dolor libero aliquid sed at tenetur!
        Illo reiciendis aspernatur, ea neque amet blanditiis voluptas et quibusdam perferendis assumenda, nostrum optio modi voluptatibus vitae sequi sunt libero. Officiis nesciunt quo tempore atque quisquam consequatur nostrum veritatis magni?
        Rerum necessitatibus provident, deserunt quasi repudiandae temporibus optio totam in laborum hic iure, error repellendus perferendis ipsam minima ipsa voluptatem quae illo fugiat numquam placeat! Mollitia earum dolor sunt magnam.
        Minus alias doloribus officia accusantium provident, fugit dolore rem soluta repellendus voluptate culpa rerum voluptates at. Iusto fugiat eligendi impedit cumque a obcaecati, molestias esse! Soluta rem maxime aperiam iusto!
        Porro distinctio modi delectus molestiae velit, dolorum deleniti enim eum ea dolor ad neque ducimus debitis consectetur omnis quidem laborum? Cumque minus, odit provident molestias itaque accusantium nemo qui perferendis!
        Ducimus delectus nisi quibusdam ipsa ratione dolorum voluptatibus cupiditate ab? Ab, possimus eius. Nostrum reiciendis, quae nulla consectetur voluptatibus dolorem consequatur quisquam sint voluptatum similique sapiente quas omnis dolore rerum!
        Quibusdam illum beatae consequatur debitis ipsum magni, at molestias asperiores ipsam ducimus exercitationem error? Optio numquam vero cupiditate commodi ullam deleniti consectetur inventore ratione, molestias hic voluptatum aliquid possimus quidem.
        Tempore a consequuntur nihil, alias minima unde maiores atque est! Impedit assumenda consectetur ut iusto quibusdam dolor architecto nesciunt ab natus porro explicabo excepturi, non temporibus dolores aliquid pariatur voluptatum!
        Iste excepturi dolor labore, dicta nostrum cupiditate quibusdam eum quasi atque error eos ab amet nam aperiam inventore dolore. Cum corrupti voluptatem molestias doloremque nostrum in delectus doloribus nam velit.
        Excepturi dolorem rem dolorum quaerat voluptatum, dolores cum amet enim maxime quia ipsa similique sunt ipsam ad itaque aut, vel blanditiis, deleniti quod optio repellendus nemo pariatur incidunt non. Commodi?
        Id itaque ducimus deserunt omnis possimus nisi ullam quod cum optio est, delectus nemo amet reiciendis atque velit odit, quisquam in et vero, repellendus deleniti quae quas! Ullam, corporis alias!
        Recusandae dolores molestias distinctio neque earum unde nesciunt dolorum voluptate. Harum culpa iste expedita sunt, deserunt magnam ad amet laboriosam, repudiandae, earum dolor iusto ipsum necessitatibus quisquam similique debitis eum!
        Tempora dignissimos asperiores provident possimus eos hic impedit necessitatibus similique consequatur aperiam architecto quae ad, dicta obcaecati quos inventore voluptas aut a id veritatis amet. Quis quae numquam aspernatur officiis?
        Molestiae voluptatum voluptate quisquam provident excepturi vero sapiente facere illo esse non sunt facilis laborum consectetur commodi aliquid, unde, at reprehenderit! Qui ex eveniet quae necessitatibus cum quia deserunt repellat.
        A consectetur cupiditate molestiae? Doloremque fugit laborum iusto mollitia natus perferendis officiis excepturi odio saepe iure eum nulla, nostrum inventore eos sequi dolorem, delectus provident. Provident, blanditiis! Iste, eos cum.
        Accusamus voluptatem rerum exercitationem. Fuga, unde alias. Nesciunt reprehenderit quia possimus at magnam tempore perspiciatis esse velit? Eveniet dolores totam perspiciatis aliquam, in similique sapiente, necessitatibus veritatis minus magni illo?
        Eligendi incidunt delectus reiciendis ducimus ipsum, doloremque quasi facere laboriosam amet nisi ratione quae doloribus assumenda tempore ut cumque, nesciunt quibusdam laudantium! Quas rerum quam modi, velit sapiente adipisci veniam!
        Laborum veritatis perferendis blanditiis labore tempora quos asperiores, nesciunt, corporis architecto expedita illum, cum ipsa! In, quod cumque aliquid corrupti iure aut soluta totam, rem dignissimos itaque veniam. Dolorem, excepturi!
        Numquam magni accusamus rerum a aut sapiente blanditiis aspernatur eius maxime. Quasi sunt, unde aliquam ad pariatur quisquam, assumenda labore recusandae distinctio rerum libero voluptatum blanditiis, tempore vel dignissimos vitae?
        Repellendus quis magnam perspiciatis dolorem, expedita iure quam. Consequatur expedita et itaque magnam facere odit eveniet illum iste magni odio cupiditate esse, pariatur quaerat a obcaecati dolore qui illo quasi. İkinci Konu Başlığı
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam, ullam. Molestiae recusandae magnam sint provident, unde eaque minus saepe vitae.</p>

        <h3 id="konu3">Üçüncü Konu Başlığı</h3>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis labore voluptatum, itaque commodi doloremque quae dolores consequuntur saepe eos magni et vitae provident fugit dolore libero cum temporibus. Impedit, nulla!
        Beatae dolore ratione accusamus praesentium facere debitis, illo est, quo maxime quis facilis! Corrupti voluptates quod officia saepe praesentium, voluptas ipsa voluptatem omnis aperiam consequuntur hic veniam suscipit ab molestiae!
        Fugiat vero labore exercitationem aperiam iure saepe nesciunt quas! Est placeat optio consectetur, error voluptate fugit illum? Neque ipsum quaerat accusamus ipsa! Voluptas quidem nihil non veritatis temporibus ipsum explicabo.
        Tempora, consequuntur cum officiis corporis ratione fuga. Blanditiis fugit consequatur voluptas deleniti cupiditate! Debitis optio, necessitatibus vitae atque itaque ratione quod dolorum quos ut labore minus fugit commodi iste nihil!
        Facilis, incidunt saepe fugit sed veniam repellendus unde autem sapiente debitis odio molestias in cumque tempora nostrum commodi obcaecati exercitationem quibusdam nesciunt facere repudiandae, quod fuga dicta error! Iure, perspiciatis?
        Eos, numquam. Magnam ipsa quibusdam ducimus delectus dolorem possimus. Voluptas beatae autem deserunt repudiandae ipsam voluptates quo dignissimos dicta hic, iure nobis eum repellat saepe cupiditate qui possimus excepturi velit.
        Vero, corporis eveniet optio accusantium omnis officia ut. Tenetur veniam numquam itaque eveniet voluptatum placeat quo quos quia consequatur, consequuntur commodi laudantium libero aliquid temporibus! Nobis enim eius dolorem harum.
        Magni nam fuga dolore autem in facere, temporibus aut aliquam aliquid animi corporis nemo! Natus repellendus laudantium quod molestias, voluptates consequatur obcaecati facilis sapiente odio, consequuntur quidem assumenda totam magni!
        Culpa excepturi assumenda sed ea optio voluptatibus recusandae, quae, perferendis obcaecati cumque tempore nam sint dolores, suscipit odit voluptates nulla veritatis dolor accusantium ullam eum. Optio quaerat ea accusamus cumque.
        Officia vel laboriosam perspiciatis atque eligendi cumque, nam laborum natus. Optio consectetur perspiciatis accusamus ipsum? Mollitia, recusandae inventore ad odit atque amet minus maxime saepe sit ipsa, repudiandae veniam sed.
        Maiores rerum exercitationem asperiores quasi distinctio ex est modi, unde explicabo beatae natus corrupti qui vitae repellat eligendi nostrum quisquam voluptatibus voluptas quia dolorem animi adipisci. Eligendi similique rerum incidunt!
        Quidem eius vitae, saepe placeat modi ea dolor. Debitis, maxime commodi possimus expedita laudantium eum quae enim excepturi vero libero exercitationem laborum soluta illo nostrum iusto at itaque pariatur explicabo!
        Ad veritatis eum tenetur facilis minima iusto quasi quidem, soluta dolorum dolor maxime molestiae expedita officiis aperiam iste! Illum molestias laudantium officiis, dolorum delectus iste iure corrupti dicta est explicabo!
        Quam cupiditate blanditiis temporibus, libero enim cumque, eius earum nesciunt delectus, fugit error unde incidunt alias optio sequi voluptate reprehenderit asperiores quae saepe veniam? Eius nemo eaque obcaecati modi sapiente.
        Earum vitae beatae aut, modi atque repudiandae a aspernatur, architecto, aliquam repellat itaque expedita officia hic veritatis at praesentium vero velit eligendi. Ipsum, corporis aliquam voluptas ducimus similique incidunt a.
        Corporis, et omnis quasi repellendus placeat delectus ad sint debitis doloremque eligendi consequatur commodi exercitationem sapiente amet itaque ipsa illo quia reprehenderit? Cumque natus est eaque veritatis voluptatibus maxime possimus!
        Nulla quis dolorem accusantium suscipit magni ratione quasi esse, alias quas ducimus sint exercitationem quidem officiis cumque quos excepturi sequi velit! Dignissimos architecto quaerat ducimus maiores nihil, sunt reprehenderit. Placeat?
        Quae ratione unde fuga nulla sunt a suscipit earum cupiditate ipsum omnis deleniti doloremque ea, temporibus odit veniam enim vero dolorem provident amet voluptatem dolor asperiores facilis similique sit! Asperiores?
        Dolore, vel ut totam quibusdam accusantium dignissimos doloremque tenetur, nisi enim placeat obcaecati quam numquam facilis qui? A, provident. Sapiente beatae vitae facere quam velit nisi enim, unde earum exercitationem.
        Libero laboriosam, hic officiis, nesciunt consectetur iure adipisci sunt ad, maiores numquam nisi! Hic consequatur animi, repellendus nemo sint error ullam autem totam harum veritatis debitis esse corrupti? Delectus, tenetur.
        Officiis eius deserunt quisquam blanditiis aut doloremque quibusdam nam tempora pariatur placeat! Libero illum vel architecto sit voluptatum exercitationem, vero culpa tempora, aut nobis quas animi. Facilis illo eius quidem!
        Omnis, laborum quas? Nobis ratione id perferendis quidem expedita numquam, fugit reprehenderit adipisci veritatis temporibus deserunt iure omnis molestiae quas, facere architecto repellendus neque maiores autem dolor eos totam. Delectus!
        Fugit, laborum tempore velit minus esse deserunt, nesciunt eaque tempora veritatis quo excepturi molestias exercitationem dolorem maiores odio ex? Accusamus possimus tenetur quaerat alias corporis eum odio asperiores voluptatem beatae.
        Magni assumenda eos possimus amet ea. Labore nobis nihil et ipsa quos magnam voluptatem ipsum, itaque laudantium aperiam natus sint reiciendis odit ad eaque earum exercitationem corporis minima, necessitatibus saepe?
        Non odio, porro quo animi architecto officiis temporibus! Culpa mollitia in, veniam eos modi beatae laudantium exercitationem quod ad illo quibusdam animi saepe quia. Nostrum illo minima rerum commodi molestias?
        Cumque corrupti possimus quasi. Necessitatibus dolores a nobis cupiditate, cumque adipisci optio dolore dolorum accusamus hic eveniet quis distinctio! Aspernatur, earum laudantium consectetur aperiam voluptatem voluptatum voluptates nobis at est?
        Ipsum similique nemo nesciunt quisquam minima, earum enim, ut quae omnis quaerat beatae ab. Quis, culpa? Dicta ea quisquam cum id fuga numquam, odio assumenda repellendus amet. Accusamus, voluptatem doloremque!
        Magni ea distinctio repudiandae dolores, modi eaque minus iusto aliquam pariatur et! Rem quae autem, voluptates vel ratione excepturi mollitia necessitatibus cum blanditiis, dolorem, in facilis. Distinctio officiis nostrum autem.
        Aliquid porro eos iure odio totam, ab veniam est sit cupiditate. Doloremque earum suscipit accusamus ab deserunt ducimus sint sit. Ad illo aspernatur id, omnis sint natus minus pariatur quod.
        Eligendi cum voluptate rem perspiciatis obcaecati, minima voluptas quasi id fugiat architecto recusandae. Pariatur, odio similique. Impedit soluta dolorum ad ullam tempora? Animi magni explicabo officiis architecto dicta ab inventore!
        Sed eum, consequuntur quasi illum quae officia impedit recusandae harum veritatis aspernatur ratione, aliquid doloribus. Ducimus, temporibus, nemo quod atque quaerat, maxime ipsum dolore est soluta quas laborum esse iste.
        Corporis officia tempore culpa pariatur magni incidunt fugiat quia consequuntur laborum, mollitia aut consectetur alias deleniti animi velit enim officiis vel ad quis illum omnis corrupti? Odit, unde nesciunt. Autem!
        Error commodi iusto perspiciatis, odit quia soluta quaerat ipsa, debitis repellat eaque dolores exercitationem distinctio, quos eveniet itaque est ex illo quas vitae labore beatae similique! Ducimus facilis voluptatem repellendus.
        Numquam odit, reprehenderit, harum nostrum officia modi eos asperiores ullam dolorem recusandae veritatis temporibus quidem sint! Fugiat id nesciunt distinctio illum? Quasi, ab iste provident et beatae ducimus atque doloremque?
        Illo impedit eaque nemo atque voluptatum laborum incidunt pariatur assumenda quaerat non, esse dolores delectus et hic minus voluptates optio provident a praesentium sit consectetur cupiditate? Eligendi distinctio odit deleniti!
        Saepe accusantium porro, totam dolor illum enim sapiente ipsa quod reprehenderit explicabo nisi. Doloremque necessitatibus doloribus dolore, laborum blanditiis autem eius accusamus quas possimus, eveniet dignissimos neque eligendi inventore alias!
        Fuga repellendus iure quidem quam iste a sed! Quidem quae inventore quo quia numquam impedit quibusdam optio, ullam earum deleniti dolores distinctio, deserunt et magnam sit nemo provident, molestias dolore?
        Nobis, molestias. Quidem voluptatum esse dolorem, exercitationem est eum autem, odit ab sed incidunt sapiente assumenda magni eligendi voluptatibus ea similique, doloremque nihil! Qui sequi deserunt porro quia eligendi eos?
        Voluptatem commodi quam delectus laborum, pariatur impedit. Quidem corrupti eveniet eos impedit labore est minus soluta dignissimos, a commodi doloremque voluptate vel eum placeat ipsam, iste, nam dolor beatae ab.
        Fugiat repellendus nulla ad fugit quasi corporis magni placeat reprehenderit amet maxime, necessitatibus omnis doloremque in quibusdam illo blanditiis natus unde vitae commodi ex quos rerum ipsum sit dolorem! Dolores! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facilis dolores odio dignissimos aliquid veniam vero ipsam fugiat similique nulla in!</p>



</body>
</html>

 

Yukarıdaki işlemler Javascript kullanılarak daha stabil çalışacak şekilde de ayarlanabilir. Ancak burada HTML ile nasıl yapıldığına değinmeye çalıştık. Yukarıdaki kodu alıp kendi bilgisayarınızda test edince sonucu göreceksinizdir.

HTML ile sayfa içi bağlantılar burada olduğu gibi verilebilir.

Herkese İyi Kodlamalar





0

Yorum Formu

vikikod.com    © 2019