HTML (HyperText Markup Language), Web’in en temel yapı taşıdır. Web içeriğinin anlamını ve yapısını tanımlar. HTML dışındaki diğer teknolojiler genellikle bir web sayfasının görünümünü / sunumunu (CSS) veya işlevselliğini / davranışını (JavaScript) tanımlamak için kullanılır.

"HyperText" (köprü metni, üst metin, hiper metin olarak  da bilinir), web sayfalarını tek bir web sitesi içinde veya web siteleri arasında birbirine bağlayan bağlantıları ifade eder. Bağlantılar, Web'in temel bir özelliğidir. İnternete içerik yükleyerek ve başkaları tarafından oluşturulan sayfalara bağlayarak, World Wide Web’de aktif bir katılımcı olursunuz.

HTML, bir Web tarayıcısında görüntülenmek üzere metin, resim ve diğer içerikleri tanımlamak için "işaretlemeyi" (markup) kullanır.

HTML işaretlemesi <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <progress>, <video>, <ul>, <ol>, <li> gibi birçok özel "element" içerir.

Bir HTML elementi, bir belgedeki diğer metinden "<" ve ">" ile çevrelenmiş element adından oluşan "etiketler" ile ayrılır. Bir etiket içindeki bir elementin adı büyük / küçük harf duyarsızdır. Yani, büyük harf, küçük harf veya karışım şeklinde yazılabilir. Örneğin, <title> etiketi <Title>, <TITLE> veya başka bir şekilde yazılabilir.

Aşağıdaki makaleler HTML hakkında daha fazla bilgi edinmenizi sağlayabilir.

  • HTML'e Giriş

    Web geliştirmede yeniyseniz, HTML'nin ne olduğunu ve nasıl kullanılacağını öğrenmek için HTML Temelleri makalemizi mutlaka okuyun.

  • HTML Dersleri

    HTML'nin yanı sıra dersler ve örneklerin kullanımı hakkında makaleler için, HTML Öğrenme Alanı'nı inceleyin..

  • HTML Öğelerinin Açıklamaları

    Genişletilmiş HTML örnekleri bölümümüzde, HTML'deki her element ve özellik hakkındaki ayrıntıları bulacaksınız.

Temel Düzey Dersleri

HTML Ögrenme Alanımız HTML hakkında hiçbir önbilgi sahibi olmanızı gerektirmeksizin en temelden başlayarak anlatan modüller bulundurmaktadır.

HTML'e Giriş
Bu modül, sizi köprüler (linkler) oluşturma ve bir web sayfasını yapılandırmak için HTML'in nasıl kullanılabileceği gibi önemli kavramlara ve sözdizimine alıştırarak temel oluşturur.
Multimedia ekleme ve gömme (embed etme) İşlemleri
Bu modül, bir HTML sayfasına multimedia içeriklerin birkaç farklı yol ile nasıl dahil edileceği, videoların, ses dosyalarının ve hatta bir web sayfasının tamamımının bir HTML sayfasına nasıl gömülebileceğini keşfetmenizi sağlar.
HTML tabloları
Bir web sayfasındaki tablo verilerini anlaşılabilir, erişilebilir bir şekilde göstermek zor olabilir. Bu modül, temel tablo elementlerinden <caption> ve <summary> gibi daha ileri özelliklere kadar bilgileri kapsar.
HTML formları
Formlar, Web’in çok önemli bir parçasıdır - kaydolma ve giriş yapma, geri bildirim gönderme, ürün satın alma gibi web siteleriyle etkileşimde bulunmak için ihtiyacınız olan işlevselliğin çoğunu sağlar. Bu modül, formların istemci tarafı / front-end kısımlarını oluşturmaya başlamanızı sağlar.
Yaygın HTML problemlerinin çözümleri
Bir web sayfası oluştururken sık karşılaşılan HTML sorunlarının nasıl çözülebileceğini açıklayan içerik bölümlerine bağlantılar sağlar: başlıklarla çalışmak, resimler veya videolar eklemek, içeriği vurgulamak, temel bir form oluşturmak, vb.

İleri Düzey Konular

CORS olarak etkinleştirilmiş resim
crossorigin özelliği, uygun bir CORS üstbilgisiyle birlikte, <img> elementi tarafından tanımlanan görüntülerin yabancı kaynaklardan yüklenmesini ve bir <canvas> elemanında mevcut orijinden yüklenmiş gibi kullanılmasını sağlar.
CORS ayarları özellikleri
<img> veya <video> gibi CORS desteği sağlayan bazı HTML öğelerinde, öğenin getirilen verileri için CORS isteklerini yapılandırmanıza izin veren bir crossorigin özelliği (crossOrigin özelliği) bulunur.
HTML'de Focus yönetimi
activeElement DOM özelliği ve hasFocus() DOM metodu bir kullanıcınin bir web sayfasindaki elementlerle etkileşimlerini izlemenize ve kontrol etmenize yardımcı olur.
rel="preload" ile içeriği önceden yükleme
<link> elementinin preload değerinin rel özelliği HTML’nizin <head> bölümüne web tarayıcısının sayfayı ilk gösterime hazırlamasından önce, sayfa ilk görüntülendiğinde görünecek olan bölümlerin istenildiği gibi gösterilebilmesi için ihtiyaç duyacağı kaynakları sayfa yüklenmeye ilk başladığında getirmesi için isteklerinizi yazmanıza olanak tanır. Bu, daha önceden kullanılabilir olmalarını sağlar ve sayfanın ilk oluşturma işlemini engelleme olasılığının daha düşük olmasını sağlar ve bu da performans iyileştirmeleri sağlar. Bu makale, önyüklemenin nasıl çalıştığı hakkında temel bir rehberdir.

HTML öğeleri

HTML öğeleri
HTML, her biri belirli sayıda özellik (attribute) tarafından özelleştirilebilen elementlerden (HTML elementi) oluşur. HTML belgeleri birbirine linkler ile bağlanır.
HTML elementleri
Tüm HTML element 'lerinin yer aldığı listeye göz at!
HTML özellikleri (attribute)
HTML elementleri özelliklere sahiptirler. Bu özellikler farklı yollarla elementlerin davranışlarını belirler.
Global özellikler (attributes)
Global özellikler standart olmayan elementler dahil tüm HTML elementlerini belirler. Bu HTML5 ile uyumlu olmayan bir belge olsa dahi tum elementleri belirtebileceği anlamına gelir.
Inline elementler ve block-level elementler
HTML elementleri genelde "inline" (satıriçi) veya "block-level" (blok düzeyli) elementlerdir. Bir inline element yalnızca onu tanımlayan etiketlerle sınırlanan alan kadar yer kaplar. Bir block-level element bir "blok" oluşturarak bir ust elementinin tumunu kaplar.
Link tipleri
HTML'de, iki doküman arasında bağlantılar birçok farklı link tipi ile kurulabilir. Link elementleri <a>, <area> and <link> ile oluşturulabilir.
HTML audio ve video elementleri tarafından desteklenen media formatları
<audio> ve <video> elementleri audio ve video dosyaları oynatmanıza izin verir. Bu elementler Adobe Flash ve eklentilere alternatif olarak tarayıcıya özgü oynatıcılar sunar.
HTML içeriğinin çeşitleri
HTML, her biri belirli bağlamlarda kullanılmasına izin verilen ve başkalarına izin verilmeyen çeşitli içerik türlerinden oluşur. Benzer şekilde, her biri içerebilecekleri başka içerik kategorilerine ve içinde kullanılabilecek veya kullanılamayacak öğelere sahiptir. Bu, bu kategoriler için bir rehberdir.
Quirks mod(garip mod) and standard mod
Quirk mod and standard mod hakkında tarihi bilgiler.

İlgili Konular

HTML elementlerini CSS kullanarak renklendirmek
Bu makale HTML içeriklerine  CSS kullanarak renk eklemek için kullanılan çoğu yolu kapsamaktadır. Renklendirilebilecek HTML elementlerini ve bu elementleri hangi CSS özellikleri kullanılarak renklendirilebileceğini gösterir. Örnekler, renk palet araçlarının linkleri ve daha fazlası burada.
Tümünü Görüntüle...

Document Tags and Contributors

Tags: 
Contributors to this page: SphinxKnight
Last updated by: SphinxKnight,