Html

yazar:

kategori:

Html Nedir?

Html, Hyper Text Markup Language’ın kısaltmasıdır. Web siteleri oluşturmak için kullanılan bir programlama dilidir. Html dosyaları, web tarayıcıları tarafından okunarak web sayfalarını oluşturmak için kullanılır. Bu yazıda, Html’nin temel etiketlerinden başlayarak, dosya oluşturmaktan, bağlantılar ve bağlantı eklemeye, listeler ve tablolardan, resim ve video eklemeye, form ve giriş alanlarına, Css ile stili eklemeye, Html5 yeniliklerine ve responsive tasarım konusuna kadar birçok konuyu ele alacağız. İyi okumalar!

Html Nedir?

Html (HyperText Markup Language – Hiper Metin İşaretleme Dili), web siteleri oluşturmak için kullanılan bir işaretleme dilidir. Web tarayıcılarına internet üzerindeki bilgilere nasıl şekil vereceğimizi söyler. Html, metinleri, bağlantıları, resimleri ve diğer içeriği düzenlemek ve biçimlendirmek için kullanılır. İnternetin temel yapı taşlarından biridir.

Html, etiketlerden oluşur. Her etiket bir açılış ve bir kapanış etiketinden oluşur ve içeriği bu etiketler arasına alır. Etiketler <etiketadı>…</etiketadı> şeklinde kullanılır. İşte bazı temel Html etiketleri:

  • <p>: Paragraf etiketi, bir metin paragrafını belirtir.
  • <h1>, <h2>, …, <h6>: Başlık etiketleri, metnin başlığını belirtir. h1 en önemli ve en büyük başlıktır.
  • <a>: Bağlantı etiketi, bir web sayfasına veya belirli bir konuma bağlantı oluşturur.
  • <img>: Resim etiketi, bir resim gösterir.
  • <table>: Tablo etiketi, verileri tablo şeklinde düzenler.
Ad Soyad Yaş
Ahmet Yılmaz 25
Mehmet Demir 30
Ayşe Kara 23

Temel Html Etiketleri

Html Nedir?

Html, HyperText Markup Language’in kısaltmasıdır. Web siteleri oluşturmak için kullanılan bir işaretleme dilidir. Html, web tarayıcılarına nasıl içerik sunulması gerektiğini söylemek ve web sayfalarını yapılandırmak için kullanılan bir standarttır. Html, metinleri, görüntüleri, bağlantıları, tabloları ve diğer içerikleri düzenlemek için özel etiketler kullanır.

Html etiketleri, web tarayıcısına içeriğin nasıl görüntüleneceğini söyleyen etiketlerdir. Temel Html etiketleri, web sayfalarının yapılanmasında kullanılan en temel ve önemli etiketlerdir. Bu etiketler, başlık oluşturma, paragraf biçimlendirme, listeler ve tablolar oluşturma gibi işlevleri yerine getirir.

Html’in en temel etiketlerinden bazıları şunlardır:

  • başlık etiketleri(<h1>, <h2>, <h3>)
  • paragraf etiketi(<p>)
  • liste etiketleri(<ul>, <ol>, <li>)
  • tablo etiketleri(<table>, <tr>, <td>)
  • Etiket Açıklama
    <h1> – <h6> Başlık etiketleri, web sayfasının başlık metnini belirtmek için kullanılır.
    <p> Paragraf etiketi, metin parçacıklarını belirtmek için kullanılır.
    <ul>, <ol> Liste etiketleri, sırasız (noktalama işaretleriyle) veya sıralı (numaralarla) listeler oluşturmak için kullanılır.
    <li> Liste öğesi etiketi, liste içerisindeki her bir öğeyi belirtmek için kullanılır.
    <table>, <tr>, <td> Tablo etiketleri, verileri tablo şeklinde göstermek için kullanılır. <table> etiketi kendisi tabloyu, <tr> etiketi satırları, <td> etiketi ise hücreleri belirtmek için kullanılır.

    Html Dosya Oluşturma

    Bir web sitesi oluşturmak istiyorsanız, HTML dosyalarınızı doğru şekilde oluşturmanız çok önemlidir. HTML dosyaları, web tarayıcısı tarafından okunabilen bir yapıya sahip olduğundan, doğru etiketleri kullanarak doğru bir dosya oluşturmak gerekir.

    HTML dosyası oluşturmak için herhangi bir metin düzenleyici kullanabilirsiniz. Öncelikle, “.html” uzantılı bir dosya oluşturmanız gerekmektedir. Örneğin, “index.html” şeklinde bir dosya adı seçebilirsiniz. Ardından, oluşturduğunuz bu dosyayı açarak HTML kodlarını girebilirsiniz. HTML etiketlerini kullanarak içeriği oluşturduktan sonra, dosyanızı kaydederek web tarayıcınızda önizleyebilirsiniz.

  • HTML dosyası oluştururken dikkat etmeniz gereken bazı etiketler vardır:
  • Etiket Açıklama
    <!DOCTYPE html> Bir HTML belgesinin standart bir HTML5 belgesi olduğunu belirtir.
    <html> Bir HTML belgesinin kök elementidir. Diğer tüm elementler burada bulunmalıdır.
    <head> Bir HTML belgesinin başlık bölümünü tanımlar. Başlık bölümü, tarayıcıya belgenin meta bilgilerini sağlar.
    <title> Bir HTML belgesinin başlığını belirtir. Tarayıcı sekmesinde görünen metin bu element içinde yer alır.
    <body> Bir HTML belgesinin ana içeriğini tanımlar. Web tarayıcısında görünen metinler ve elementler bu bölüm içinde yer alır.

    Html Bağlantılar Ve Bağlantılar

    blog yazısı için hoş geldiniz! İnternetteki sayfaları araştırırken, çeşitli web sitelerindeki bağlantıları sürekli görmüşsünüzdür. Html’de bağlantılar, farklı sayfalara veya farklı bölümlere yönlendiren metin veya görüntülerdir. Bu yazıda, Html bağlantıları nasıl oluşturabileceğinizi, bağlantıları nasıl stilize edebileceğinizi ve bağlantıların önemini keşfedeceksiniz.

    Html’de bir bağlantı oluşturmak için “<a>” etiketini kullanırız. Bağlantı oluşturmak için etiketin “href” özelliğini kullanırız. Bu özelliğe, yönlendirilmek istenen sayfanın URL’sini veya dosya adını ekleriz. Örneğin, “<a href=”https://www.example.com”>Bu bir bağlantıdır</a>” şeklinde bir bağlantı oluşturabiliriz. Bu şekilde kullanıcılar, bağlantıya tıkladıklarında “https://www.example.com” adresine yönlendirilecektir.

    Bağlantıların stilini özelleştirmek için Css kullanabiliriz. Örneğin, bağlantıların rengini, altını çizisini veya yazı tipini değiştirebiliriz. Bunun için bağlantı etiketine bir id veya class atayabilir ve Css stil dosyasında bu belirteçleri kullanabiliriz. Böylece bağlantılarımızı dilediğimiz gibi tasarlayabiliriz.

    • Html bağlantı etiketi kullanılarak başka bir sayfaya veya belgeye bağlantılar oluşturulabilir.
    • Bağlantıların stilini özelleştirmek için Css kullanılabilir.
    • Html bağlantılar, web siteleri arasında gezinmeyi ve bilgileri paylaşmayı kolaylaştırır.
    Link Etiketi Açıklama
    <a href=””> Bağlantıyı oluşturmak için kullanılır. “href” özelliği ile hedef sayfanın URL’si belirtilir.
    <a> Bağlantının metnini veya içeriğini belirtmek için kullanılır.
    <a id=””> Bağlantıya benzersiz bir belirteç atamak için kullanılır.

    Html Listeler Ve Tablolar

    Html listeler ve tablolar, web sayfalarını düzenlemek ve içeriği daha kullanıcı dostu hale getirmek için önemli araçlardır. Liste oluşturma için <ul>, <ol> ve <li> etiketleri kullanılırken, tabloları oluşturmak için <table>, <tr>, <th> ve <td> etiketleri kullanılır.

    Html’de <ul> etiketi, sırasız bir liste oluşturmak için kullanılır. Her bir liste elemanını belirtmek için <li> etiketi kullanılır. Örneğin:

    • Elma
    • Armut
    • Portakal

    Html’de sıralı liste oluşturmak için <ol> etiketi kullanılır. Sayı ile başlayan her bir liste elemanını belirtmek için yine <li> etiketi kullanılır. Örneğin:

    1. Kahvaltı yap
    2. İşe git
    3. Öğle yemeği ye

    Html’de tablo oluşturmak için <table> etiketi kullanılır. Tablonun her bir satırını belirtmek için <tr> etiketi kullanılırken, başlık hücrelerini belirtmek için <th> etiketi, diğer hücreleri belirtmek için ise <td> etiketi kullanılır. Örneğin:

    Film Yönetmen Yıl
    Interstellar Christopher Nolan 2014
    Inception Christopher Nolan 2010

    Html Resim Ve Video Eklemek

    HTML Resim ve Video Eklemek

    HTML, web siteleri oluşturmak ve içeriklerini düzenlemek için kullanılan bir işaret dilidir. Resimler ve videolar, web sitelerine görsel çekicilik ve etkileşim katmak için sıkça kullanılan öğelerdir. Bu yazıda, HTML kullanarak nasıl resim ve video ekleyebileceğinizi öğreneceksiniz.

    Resim Eklemek

    HTML’de resim eklemek için <img> etiketini kullanırız. Bu etiketin src özelliği, resmin kaynak dosya yolunu belirtir. İsterseniz resmin genişlik ve yükseklik özelliklerini de belirtebilirsiniz. Örneğin:

    Kod Açıklama
    <img src=”resim.jpg” alt=”Resim Açıklaması”> src özelliğiyle resmin dosya yolunu belirtir, alt özelliğiyle resim açıklamasını ekler
    <img src=”resim.jpg” alt=”Resim Açıklaması” width=”300″ height=”200″> width özelliğiyle resmin genişliğini, height özelliğiyle resmin yüksekliğini belirtir

    Video Eklemek

    HTML’de video eklemek için <video> etiketini kullanırız. Bu etiketin src özelliği, video dosyasının kaynak yolunu belirtir. Ayrıca, videoyu kontrol etmek için play, pause, vb. işlevleri sağlamak için de bazı özellikler kullanılabilir. Örneğin:

    Kod Açıklama
    <video src=”video.mp4″ controls></video> src özelliğiyle video dosyasının dosya yolunu belirtir, controls özelliğiyle kontrol çubuğunu görüntüler
    <video src=”video.mp4″ width=”640″ height=”360″ controls></video> width özelliğiyle video genişliğini, height özelliğiyle video yüksekliğini belirtir

    HTML kullanarak resim ve video eklemek oldukça kolaydır. Resimler ve videolar, web sitenizin daha görsel bir şekilde sunulmasını sağlar ve kullanıcı etkileşimini artırır.

    Html Formları Ve Giriş Alanları

    Html formaları, web sayfalarında kullanıcıdan bilgi almak, veri girişi yapmak ve işlemek için kullanılan önemli bir öğedir. Formlar sayesinde kullanıcılar, metin girişi, seçeneklerin seçimi, dosya yükleme gibi çeşitli işlemleri gerçekleştirebilirler. Bu da web sayfalarının etkileşimli ve kullanıcı dostu olarak tasarlanmasını sağlar.

    Html formaları, <form> etiketi ile başlar ve </form> etiketi ile sonlandırılır. Form etiketi ile belirtilen alanlar kullanıcıların giriş yapmasına izin verir. Bu alanlarda kullanıcıdan istenen bilgilerin türüne göre çeşitli giriş alanları kullanılabilir.

    Bunlardan bazıları şunlardır:

  • Metin Giriş Kutuları: Kullanıcıların metin veya sayısal değerler girmesine olanak tanır. <input type=”text”> şeklinde kullanılır.
  • Parola Giriş Kutuları: Kullanıcıların parola veya gizli değerler girmesine olanak tanır. Yazılan karakterlerin görülmesini engeller. <input type=”password”> şeklinde kullanılır.
  • Seçenek Kutuları: Kullanıcının birden fazla seçenek arasından tek bir seçenek yapmasını sağlar. <select> ile başlar, <option> ile her seçenek belirtilir ve </select> ile sonlandırılır.
  • Html formaları ve giriş alanları, web sitelerinde kullanıcı etkileşimini sağlamada önemli bir rol oynar. Kullanıcıların rahatlıkla veri girebilmesi ve istenen bilgileri kolayca iletebilmesi, web sayfalarının kullanıcı dostu ve etkili olmasını sağlar.

    Giriş Alanı Türü Kullanımı
    Metin Giriş Kutusu <input type=”text”>
    Parola Giriş Kutusu <input type=”password”>
    Seçenek Kutusu <select><option></option></select>

    Html Css Ile Stil Ekleme

    Html ve Css, web tasarımında önemli iki bileşendir. Html, bir web sayfasının yapısını tanımlayan işaretleme dilidir. Css ise Html elemanlarının stil ve görüntüsünü belirlemek için kullanılan bir stil yapma dilidir. Html ile içerik oluşturulurken, Css ile bu içeriğin biçimlendirilmesi sağlanır. Bu yazıda, Html ile Css kullanarak nasıl stil ekleneceğini inceleyeceğiz.

    1. İnline Css: İnline Css, doğrudan Html elemanlarına stil özelliklerinin atanmasıdır. Her bir Html etiketi içerisinde style özelliği kullanılarak stil tanımlanır. Örneğin; <p style=”color: blue;”>Bu bir mavi paragraf</p> şeklinde bir kod ile paragrafın metin rengi mavi olarak belirlenebilir.

    2. Internal Css: Internal Css, Html dosyasının <style> etiketleri arasına yazılarak belirtilen stil kodlarıdır. Bu şekilde belirtilen stil kodları, tüm sayfa içerisinde geçerli olur. Örneğin;
    <style>
    p {
    color: red;
    }
    </style>
    şeklinde bir kod ile tüm paragrafların metin rengi kırmızı olarak ayarlanabilir.

    3. External Css: External Css, Css kodlarının ayrı bir dosyada tutulması ve Html dosyasına bağlantı ile eklenmesidir. Bu sayede birden fazla Html dosyasında aynı stil kodlarını kullanmak mümkün olur. Örneğin, aşağıdaki gibi bir Css dosyası oluşturulup Html dosyasına bağlantı yapılarak stil eklenebilir:
    styles.css dosyası:
    p {
    font-weight: bold;
    }
    <link rel=”stylesheet” href=”styles.css”>

    Html Css
    Yapıyı Tanımlar Görünümü Tanımlar
    Etiketlerden Oluşur Kodlardan Oluşur
    İçerik ve Yapı Stil ve Görünüm

    Html5 Yenilikleri

    Html5, web geliştirme dünyasını kökten değiştiren bir teknolojidir. Html5’in getirdiği yenilikler sayesinde web siteleri çok daha etkileşimli ve kullanıcı dostu hale gelmiştir. Html5 ile birlikte birçok yeni etiket, özellik ve API tanıtılmıştır.

    1. Yeni Etiketler:

    Html5 ile birlikte birçok yeni etiket eklenmiştir. Örneğin, <article> etiketi, sayfada bağımsız bir içerik bölümü tanımlamak için kullanılır ve arama motorlarının içeriği daha iyi anlamasına yardımcı olur. <section> etiketi ise sayfayı bölümlere ayırmak için kullanılır.

    2. Form İyleştirmeleri:

    Html5 ile birlikte form işlemleri daha kolay hale gelmiştir. Artık form alanları doğrulama, otomatik tamamlama ve yerel tarih seçimi gibi işlevlere sahiptir. Bu sayede kullanıcılar daha kolay ve hızlı bir şekilde formları doldurabilir.

    3. Çoklu Ortam Desteği:

    Html5, resim ve video içeriği konusunda daha esnek bir yapı sunar. <video> ve <audio> etiketleri sayesinde web sitelerine kolayca medya içeriği ekleyebiliriz. Ayrıca, video ve ses dosyalarının oynatılma hızını kontrol etmek, ses düzeyini ayarlamak gibi özellikler de Html5 ile mümkün hale gelir.

    Yeni Etiketler Form İyleştirmeleri Çoklu Ortam Desteği
    • <article>
    • <section>
    • <header>
    • <footer>
    • Doğrulama
    • Otomatik tamamlama
    • Yerel tarih seçimi
    • <video>
    • <audio>
    • Kontrol ve düzenleme özellikleri

    Responsive Tasarım Ve Html

    İnternetin yaygınlaşmasıyla birlikte mobil cihaz kullanımı da hızla artmaktadır. Bu nedenle, web sitelerinin sadece masaüstü bilgisayarlarda değil, mobil cihazlarda da iyi görüntülenmesi önemlidir. İşte bu noktada responsive tasarım ve HTML devreye girer.

    Responsive tasarım, web sitesinin farklı ekran boyutlarına ve cihazlara uyum sağlayabilmesini sağlayan bir yaklaşımdır. Bu sayede, kullanıcılar web sitenizi hem masaüstü bilgisayarlarda hem de mobil cihazlarda rahatlıkla kullanabilirler. Responsive tasarımın temel amacı, kullanıcı deneyimini optimize etmek ve sitenin erişilebilirliğini artırmaktır.

    Responsive tasarım için HTML’in önemli bir rolü vardır. HTML, içerik yapısını belirlemek için kullanılan bir işaret dilidir. Web siteleri HTML etiketleri aracılığıyla oluşturulur ve düzenlenir. Responsive tasarımın temeli olan @media kuralı da HTML etiketleri ve CSS ile birlikte kullanılır.

    HTML etiketleri, web sitelerinin yapısını belirlemek için kullanılan etiketlerdir. Bir web sayfası

  • etiketi kullanılarak oluşturulan bir liste gibi,
    etiketi kullanılarak oluşturulan bir tablo gibi farklı elemanlardan oluşur.

    Etiket Açıklama
    <li> Sıralı veya sırasız bir liste elemanını temsil eder.
    <table> Tablo oluşturmak için kullanılır.

    Bu örnekte, HTML etiketlerini kullanarak listeler ve tablolar oluşturulabilir. <li> etiketi sıralı veya sırasız bir liste oluştururken, <table> etiketi tabloları oluşturmak için kullanılır.

    Sık Sorulan Sorular

    Html Nedir?

    Html, Web sayfaları oluşturmak ve düzenlemek için kullanılan bir işaretleme dilidir.

    Temel Html Etiketleri nelerdir?

    Html için temel etiketler , , , <body> ve </p> <p> gibi etiketlerdir.</p> <p><strong>Html Dosya Oluşturma nasıl yapılır?</strong></p> <p>Bir HTML dosyası oluşturmak için herhangi bir metin düzenleyicide yeni bir dosya açarak uzantısı .html olan bir dosya oluşturabilirsiniz.</p> <p><strong>Html Bağlantılar Ve Bağlantılar nasıl eklenir?</strong></p> <p>Bir sayfadan diğerine veya başka bir web sitesine bağlantı eklemek için <a> etiketi kullanılır. Örneğin: <a href="http://www.example.com" target="_blank" rel="noopener">Örnek Bağlantı</a></p> <p><strong>Html Listeler Ve Tablolar nasıl oluşturulur?</strong></p> <p>Sıralı(liste), sırasız(liste) ve tanımlayıcı(liste) gibi farklı türde listeler oluşturmak için </p> <ul>, </p> <ol> ve </p> <dl> etiketleri kullanılır. Tablolar için ise </p> <table>, </p> <tr>, </p> <td> gibi etiketler kullanılır.</p> <p><strong>Html Resim Ve Video Eklemek için nasıl bir yol takip edilmelidir?</strong></p> <p>Resim eklemek için <img> etiketi kullanılırken, video eklemek için <video> etiketi kullanılır. Bu etiketlere resmin veya videonun URL’sini ekleyerek görüntüleyebilirsiniz.</p> <p><strong>Html Formları Ve Giriş Alanları nasıl oluşturulur?</strong></p> <p>Formlar ve giriş alanları oluşturmak için </p> <form>, <input>, <select> ve <textarea> gibi etiketler kullanılır. Bu etiketlerin nitelikleriyle birlikte kullanarak kullanıcıdan veri alabilirsiniz.</p> <p><strong>Html Css Ile Stil Ekleme nasıl yapılır?</strong></p> <p>Html sayfalarına CSS eklemek için </p> <style> etiketini kullanabilirsiniz. CSS kodlarını bu etiketin içine yazarak sayfaya stil ekleyebilirsiniz.</p> <p><strong>Html5 Yenilikleri nelerdir?</strong></p> <p>HTML5, önceki HTML sürümlerine göre daha gelişmiş medya desteği, yeni etiketler ve API'ler gibi birçok yenilik sunar. Örneğin <video>, <audio>, <canvas> gibi yeni etiketler HTML5'in yeniliklerindendir.</p> <p><strong>Responsive Tasarım Ve Html nedir?</strong></p> <p>Responsive tasarım, web sitelerinin farklı ekran boyutlarına ve cihazlara uyumlu şekilde görüntülenmesini sağlar. HTML ile responsive tasarımı destekleyen kodlar yazılarak bu özelliği sağlayabilirsiniz.</p> <pre><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{ "@type": "Question", "name": "Html Nedir?", "acceptedAnswer": { "@type": "Answer", "text": "Html, Web sayfaları oluşturmak ve düzenlemek için kullanılan bir işaretleme dilidir." } },{ "@type": "Question", "name": "Temel Html Etiketleri nelerdir?", "acceptedAnswer": { "@type": "Answer", "text": "Html için temel etiketler <html>, <head>, <title>, <body> ve <p> gibi etiketlerdir." } },{ "@type": "Question", "name": "Html Dosya Oluşturma nasıl yapılır?", "acceptedAnswer": { "@type": "Answer", "text": "Bir HTML dosyası oluşturmak için herhangi bir metin düzenleyicide yeni bir dosya açarak uzantısı .html olan bir dosya oluşturabilirsiniz." } },{ "@type": "Question", "name": "Html Bağlantılar Ve Bağlantılar nasıl eklenir?", "acceptedAnswer": { "@type": "Answer", "text": "Bir sayfadan diğerine veya başka bir web sitesine bağlantı eklemek için <a> etiketi kullanılır. Örneğin: <a href="http://www.example.com" target="_blank" rel="noopener">Örnek Bağlantı</a>" } },{ "@type": "Question", "name": "Html Listeler Ve Tablolar nasıl oluşturulur?", "acceptedAnswer": { "@type": "Answer", "text": "Sıralı(liste), sırasız(liste) ve tanımlayıcı(liste) gibi farklı türde listeler oluşturmak için <ul>, <ol> ve <dl> etiketleri kullanılır. Tablolar için ise <table>, <tr>, <td> gibi etiketler kullanılır." } },{ "@type": "Question", "name": "Html Resim Ve Video Eklemek için nasıl bir yol takip edilmelidir?", "acceptedAnswer": { "@type": "Answer", "text": "Resim eklemek için <img> etiketi kullanılırken, video eklemek için <video> etiketi kullanılır. Bu etiketlere resmin veya videonun URL'sini ekleyerek görüntüleyebilirsiniz." } },{ "@type": "Question", "name": "Html Formları Ve Giriş Alanları nasıl oluşturulur?", "acceptedAnswer": { "@type": "Answer", "text": "Formlar ve giriş alanları oluşturmak için <form>, <input>, <select> ve <textarea> gibi etiketler kullanılır. Bu etiketlerin nitelikleriyle birlikte kullanarak kullanıcıdan veri alabilirsiniz." } },{ "@type": "Question", "name": "Html Css Ile Stil Ekleme nasıl yapılır?", "acceptedAnswer": { "@type": "Answer", "text": "Html sayfalarına CSS eklemek için <style> etiketini kullanabilirsiniz. CSS kodlarını bu etiketin içine yazarak sayfaya stil ekleyebilirsiniz." } },{ "@type": "Question", "name": "Html5 Yenilikleri nelerdir?", "acceptedAnswer": { "@type": "Answer", "text": "HTML5, önceki HTML sürümlerine göre daha gelişmiş medya desteği, yeni etiketler ve API'ler gibi birçok yenilik sunar. Örneğin <video>, <audio>, <canvas> gibi yeni etiketler HTML5'in yeniliklerindendir." } },{ "@type": "Question", "name": "Responsive Tasarım Ve Html nedir?", "acceptedAnswer": { "@type": "Answer", "text": "Responsive tasarım, web sitelerinin farklı ekran boyutlarına ve cihazlara uyumlu şekilde görüntülenmesini sağlar. HTML ile responsive tasarımı destekleyen kodlar yazılarak bu özelliği sağlayabilirsiniz." } }] } </script></pre> </div> <div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)"> <div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"> <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> </div> <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" style="margin-bottom:var(--wp--preset--spacing--40)"/> <div class="wp-block-comments wp-block-comments-query-loop"> <h2 class="wp-block-heading">Yorumlar</h2> <div id="respond" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);" class="comment-respond wp-block-post-comments-form"> <h3 id="reply-title" class="comment-reply-title">Bir yanıt yazın <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2023/11/25/html/#respond" style="display:none;">Yanıtı iptal et</a></small></h3><form action="https://emrekarademir.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">E-posta adresiniz yayınlanmayacak.</span> <span class="required-field-message">Gerekli alanlar <span class="required">*</span> ile işaretlenmişlerdir</span></p><p class="comment-form-comment"><label for="comment">Yorum <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Ad <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">E-posta <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">İnternet sitesi</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Daha sonraki yorumlarımda kullanılması için adım, e-posta adresim ve site adresim bu tarayıcıya kaydedilsin.</label></p> <p class="form-submit wp-block-button"><input name="submit" type="submit" id="submit" class="wp-block-button__link wp-element-button" value="Yorum gönder" /> <input type='hidden' name='comment_post_ID' value='2866' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> <nav class="wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-9 wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)" aria-label="Yazılar"> <div class="post-navigation-link-previous wp-block-post-navigation-link"><span class="wp-block-post-navigation-link__arrow-previous is-arrow-arrow" aria-hidden="true">←</span><a href="https://emrekarademir.com/2023/11/25/sanal-sunucu/" rel="prev"><span class="post-navigation-link__label">Önceki: </span> <span class="post-navigation-link__title">Sanal Sunucu</span></a></div> <div class="post-navigation-link-next wp-block-post-navigation-link"><a href="https://emrekarademir.com/2023/11/25/ssd-hosting/" rel="next"><span class="post-navigation-link__label">Sonraki: </span> <span class="post-navigation-link__title">SSD Hosting</span></a><span class="wp-block-post-navigation-link__arrow-next is-arrow-arrow" aria-hidden="true">→</span></div> </nav> </div> </div> </main> <footer class="wp-block-template-part"> <div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%"> <div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-13 wp-block-group-is-layout-flex"> <p class="wp-block-site-title has-medium-font-size"><a href="https://emrekarademir.com" target="_self" rel="home">Emre Karademir</a></p> <p class="wp-block-site-tagline has-small-font-size">Emre Karademir Blog</p> </div> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:20%"> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"> <div class="wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-20 wp-block-group-is-layout-flex"> <div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-15 wp-block-group-is-layout-flex"> <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Hakkında</h2> <div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-14 wp-block-group-is-layout-flex"> <nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation has-small-font-size is-layout-flex wp-container-core-navigation-is-layout-2 wp-block-navigation-is-layout-flex" aria-label="Hakkında"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Team</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">History</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Careers</span></a></li></ul></nav> </div> </div> <div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-17 wp-block-group-is-layout-flex"> <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Gizlilik</h2> <div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-16 wp-block-group-is-layout-flex"> <nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation has-small-font-size is-layout-flex wp-container-core-navigation-is-layout-3 wp-block-navigation-is-layout-flex" aria-label="Gizlilik"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Privacy Policy</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Terms and Conditions</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Contact Us</span></a></li></ul></nav> </div> </div> <div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-19 wp-block-group-is-layout-flex"> <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Sosyal</h2> <div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-18 wp-block-group-is-layout-flex"> <nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation has-small-font-size is-layout-flex wp-container-core-navigation-is-layout-4 wp-block-navigation-is-layout-flex" aria-label="Sosyal medya"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Facebook</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Instagram</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Twitter/X</span></a></li></ul></nav> </div> </div> </div> </div> </div> <div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:0"> <p class="has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-bda38ad3a8f20a4aee0a81beab093908"> <a href="https://wordpress.org" rel="nofollow">WordPress</a> ile tasarlandı </p> </div> </div> </footer> </div> <script src="https://emrekarademir.com/wp-includes/js/comment-reply.min.js?ver=6.5.2" id="comment-reply-js" async data-wp-strategy="async"></script> <script id="wp-block-template-skip-link-js-after"> ( function() { var skipLinkTarget = document.querySelector( 'main' ), sibling, skipLinkTargetID, skipLink; // Early exit if a skip-link target can't be located. if ( ! skipLinkTarget ) { return; } /* * Get the site wrapper. * The skip-link will be injected in the beginning of it. */ sibling = document.querySelector( '.wp-site-blocks' ); // Early exit if the root element was not found. if ( ! sibling ) { return; } // Get the skip-link target's ID, and generate one if it doesn't exist. skipLinkTargetID = skipLinkTarget.id; if ( ! skipLinkTargetID ) { skipLinkTargetID = 'wp--skip-link--target'; skipLinkTarget.id = skipLinkTargetID; } // Create the skip link. skipLink = document.createElement( 'a' ); skipLink.classList.add( 'skip-link', 'screen-reader-text' ); skipLink.href = '#' + skipLinkTargetID; skipLink.innerHTML = 'İçeriğe geç'; // Inject the skip link. sibling.parentElement.insertBefore( skipLink, sibling ); }() ); </script> </body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->