1. Ayyıldız Tim forumu Hariç Hiç Bir şekilde Rütbeli Oldugunu İdda edenlere inanmayınız.. Ayyıldız Tim Adına Sizden Bilgi Belge TC Kimlik Vb Evrak İsteyenlere Asla Bilgilerinizi Vermeyiniz.
    Duyuruyu Kapat

Html5 | Giriş |

'Html - CSS - XML - JavaScript - Ajax' forumunda CATMAN tarafından 22 Eylül 2020 tarihinde açılan konu

  1. CATMAN Atıldı

    • Guest
    Katılım:
    19 Eylül 2020
    Mesaj:
    173
    Alınan Beğeniler:
    239

    Özel Mesaj
    HTML Nedir?

    İşaretleme dili olan, bir programlama dili olmayan html, 1980 yılında Tim Berners-Lee, araştırmaların bilgilerin ve dokümanların birbiriyle paylaşılması için bir Enquıre sistem geliştirdi ve html gelişmesine sebep oldu.
    İnternette açtığımız web sitelerin hazırlanmasında kullanılır. Yazı, video ve görsel öğelerin sayfa içerisine yerleştirilmesi ve istenildiği takdirde konumlandırılmasını sağlar.
    Html, bundan çok daha fazlasını sunar. Örneğin;
    Yazmış olduğumuz javascript veya css kodlarını html içerisine yerleştirerek daha dinamik kullanıcılara uyumlu hale getirilebilir.

    HTML Başlayın

    Html başlamak için fazladan indireceğiniz bir şey gerek yok.
    Bilgisayarımızda olan
    Windows İçin; Not Defteri
    Mac İçin İse; TextEdit
    Kullanarak başlayabilirsiniz.
    İşinizi kolaylaştıracak ücretsiz bir yazılım istiyorsanız.
    • Notepad++
    • Brackets
    Kullanabilirsiniz.

    HTML Nasıl Mı Çalıştırabilirsiniz?

    Yazdığınız kodu yazdıktan sonra çalıştırmak isterseniz
    Dosya > Kaydet (Ctrl+S)
    Dosya konumunu seçtikten ve dosya adını yazdıktan sonra dosya uzantısını htm ya da html olarak kayderek çalıştırabilirsin.

    Örneğin: index.html
    [​IMG]

    Yazdığınız Kodu Nasıl Tekrar Düzenleneceğini Ya Da Devam Edileceğini Öğrenmek İstermisin.
    Metin editörünü açın (Notepad, Not Defteri)
    Dosya > Aç (Ctrl+O)

    Nereye kaydettiyseniz, seçin ve “Aç” tıklayarak yarıda kalmış kodu yazmaya başlayabilirsiniz.
    [​IMG]

    Temel Kavramlar

    WWW : World Wide Web
    (Dünya Çağında Ağ)

    W3C : World Wide Web Consortium
    (Web’in Standanrtlarını Belirleyen ve Geliştiren Uluslararası Bir Örgüttür.)

    HTML : Hyper Text Markup Language
    (Zengin Metin İşaretleme Dili)

    XML: Extensible Markup Language
    (Genişletilebilir İşaretleme Dili)

    XHTML : Extensible HTML
    (Genişletilebilir HTML)

    HTTP : Hyper Text Transfer Protocol
    (Zengin Metin Transfer Protokolü)

    FTP : File Transfer Protocol
    (Dosya Transfer Protokolü)

    SEO : Search Engine Optimization
    (Arama Motoru Optimizasyonu)

    Domain : Alan Adı
    Örneğin: www.Cyber-warrior.org ya da www.tdk.gov.tr

    Hosting : Web Sunucusu (Barınma)

    HTML Giriş
    ________________
    | <html> |
    | <head> |
    | |
    | </head> |
    | <bOdy> |
    | |
    | </bOdy> |
    | </html> |
    ------------------
    Üstte gördüğünüz kod html’in iskelet yapısıdır.

    Html iyi anlamak için hepsini teker teker neler olduğunu anlatmak istiyorum.
    Html etiketi ya da “tagı” dediğimiz şey “ küçüktür ‘<’ ” ve “Büyüktür ‘>’ ” işaretleri içerisinde kalanlara denir.
    Örneğin: <title>

    Genel olarak html etiketleri açılış ve kapanışları vardır. Bunları İnceleyelim.

    Açılış: <title>
    Kapanışı: </title>

    Yani “/” işareti ile kapanır. Örnek bir kod yazalım:

    <p> CW de: arkadaşlıklar dostluğa gider. Burada Dostluk arkadaşlık Ahiretliktir. </p>

    Tabii istisnai durumlar da var çoğunluk etiketler kapanışı olsa da bazı etiketlerin kapanışı olmadığını göreceksiniz. Örnek:

    <hr>



    Daha sonra bunları daha detaylı anlatacağım sadece şimdiden hazırlıklı olmanız için sizi bilgilendiriyorum.

    HTML’in İskeleti

    <html>
    Html: Bu ilk komutumuzdur. Bu etiketimiz artık html etiketlerin yazıldığı yerdir. Tüm html etiketleri içerde yer alır.

    <head>
    Head: Tarayıcımızda görünen başlık adını oluşturur. Javascript ve css dosyaların belirttiği bölüm. Arama motorlarında bizi bulmaları için web sitemizi tanıttığımız bölümdür.

    </head>
    Web sitemizi tanıştırmamız bittiyse bu etiketle kapatırız.

    <bOdy>
    bOdy: Tarayıcımız tarafından görüntülenecek yer.

    </bOdy>
    Sayfamızda ekleyeceklerimiz bittiyse kapatalım.

    </html>
    Html belgesinin bittiği son komut.

    Etiket: <html> … </html>

    Etiket: <head> … </head>

    Etiket: <bOdy> … </bOdy>

    Örnek Bir Çalışma Yapalım
    [​IMG]

    CATMAN
     
    Orion-Pax ve Tekniksizbirhacker bunu beğendi.
    • Guest
    Katılım:
    20 Eylül 2020
    Mesaj:
    310
    Alınan Beğeniler:
    654

    Özel Mesaj
    devrem eline saglık:)
     
    Orion-Pax bunu beğendi.
  2. AYDOĞAN TUĞGENERAL

    • Forum Denetleme Gözlem Komutanı
    Katılım:
    11 Ağustos 2012
    Mesaj:
    11,394
    Alınan Beğeniler:
    52,771
    Meslek:
    Defender Ayt

    Özel Mesaj
    Devamı varsa buraya yaz,bitince tasınır.
     
    Orion-Pax bunu beğendi.
  3. CATMAN Atıldı

    • Guest
    Katılım:
    19 Eylül 2020
    Mesaj:
    173
    Alınan Beğeniler:
    239

    Özel Mesaj
    Daha yok
     
    Orion-Pax bunu beğendi.
  4. xxhsynwq Guest

    • Guest
    Katılım:
    3 Mayıs 2020
    Mesaj:
    192
    Alınan Beğeniler:
    291

    Özel Mesaj
    Eline sağlık devrem. Tekrar yaptım iyi geldi :)
     

Bu Sayfayı Paylaş