İşaretleme dili olan Html, web sayfalarının hazırlanmasında kullanılan sistemdir. Bir programlama dili olmayan Html bilgisayarlarımızda kullandığımız web sitelerinin oluşturulmasında kullanılır. Chrome, Fİrefox ve İnternet Explorer gibi tarayıcılar html kodlarını işleyerek bu kodları web sayfasına donuşturur. HTML Neler Sunuyor? - Gorsel, yazı ve video gibi iceriklerin web sayfasına konumlandırılmasını sağlamaktadır. - Oluşturulan bu iceriklerin doğru şekilde internet sitelerinde goruntulenmesini sağlar. - Arama motorlarına web siteleri hakkında bilgi verir. Html kodu yazmak icin bilgisayarlara bir program yuklemek gerekmez. Wordpad, not defteri ya da word gibi ortalarda bir metin editoru html sayfaları oluşturabilir. Kod yazmayı daha kolay hale getirmek icin dreamwear, sublime Text ve notepad++ gibi araclar kullanılabilir. Yazılan html kodları kaydedilirken htm, xhtml ve html gibi tarayıcıların anlayacağı şekilde kaydedilmesi gerekir. HTML Yazarken Dikkat Edilmesi Gerekenler A- ,, şeklinde () buyuktur ifadesi ile yazılan birime tag denir. B- Acılan etiketler kapatılmalıdır. Etiketler / işareti ile kapatılır. C- Html kodları yazılırken Turkce karakter yer almaz. D- Bu etiketler yazılırken kucuk ya da buyuk harf tercih edilebilir. Ancak genellikle kucuk harfler tercih edilir. HTML Etiketleri ve HTML Etiketlerinin Anlamları - Html: Tum etiketleri saran, html kodu ile kodlama işleme yapılması gerektiğini belirten sayfanın başında acılarak sayfanın sonunda da kapatılan etiketin adıdır. - Head: Hazırlanan site ile alakalı icerik ve tanımların yer aldığı bolumdur. Bu alanda yer alan kodlar sitede gorunmez. - Body: Bu alan tum sitenin goruntulendiği ve siteye giren herkesin gorebildiği alandır. Kullanılan etiketlerin buyuk kısmı body alanı uzerinde yer bulunur. Metin Duzenleme Etiketleri Tagının icine yazılan metin duzenleme etiketleri tek tek incelendiğinde şu detaylar one cıkıyor. 1) Başlık Etiketi: Başlık eklemek icin bu başlık kullanılır. Başlıktaki h, İngilizce heading yani başlık demektir. h1, h2, h3, h4, h5, h6 olarak 6 değişik şekilde başlık boyutu vardır. EN buyuk başlık icin h1 tercihi kullanılır. 2) Kalınlık Etiketi: Yazıları kalın yapmak icin etiketi tercih edilir. İngilizce bol kelimesi kalın demektir. Bu kelimenin baş harfi kullanılarak simgesi oluşturulmuştur. 3) İtalik (eğik yazı) Etiketi: Eğik yazım icin bu etiket tercih edilir. İngilizce ıtalic kelimesinin baş harfi kullanılarak simgesi oluşturulmuştur. Vurgu yapılması gereken yerde bu etiket kullanılır. 4) Altını Ciz etiketi: İstenen yerlerin altını cizmekte kullanılan bu etiket İngilizce underline kelimesinin baş harfi ile oluşturulmuştur. 5) Alt Satıra Gec Etiketi: Alt satıra gecmek icin html kodu yazarken enter tuşu işe yaramaz. Bu işlem icin etiketi ile html de alt satıra gecilir. 6) Paragraf Etiketi: Uzun yazılarda okunurluğu arttırmak icin metni paragrafla bolmek icin etiketi kullanılır. 7) Etiketi: Bu etiket yazının renk ayarla işlemi, yazı boyutu değiştirme işlemi ve yazı tipini değiştirme işlemini yapmak icin bu etiket kullanılır. Bu uc işlemi aynı etiket ile yapmak icin 1 ve 7 arasındaki parametreler etiket icinde kullanılır. HTML'de Bağlantı Oluşturma Html'de bağlantı oluşturma aslında gezinti işlemlerinin temelini oluşturur. Web sayfası bircok alt başlık menuden meydana gelir bunun icin html kodları bu alanlar arası bağlantı oluşturarak bağlantı ağı oluşturulur. - Site İci Bağlantı Oluşturma: etiketi ile web sayfası icinde bağlantı ağı oluşturulabilir. - Site Dışı Bağlantı oluşturma: Site dışı bağlantı dendiğinde siteniz ile Facebook ile bağlantı kurulabilir. Site dışı bağlantı yapılırken site adının baş kısmına https:// ya da http:// on eki eklenmesi gerekir.
__________________