Html ile Web İşlemleri 3 - Temel HTML5 Etiketleri
TEMEL HTML5 ETİKETLERİ
1. DOCTYPE Bildirimi
HTML5’te ilk göze çarpan yenilik DOCTYPE bildirimidir. DOCTYPE [Belge tipi (Document type)], tarayıcıya (browser) dokümanın tipini işaret eder. DOCTYPE etiket değildir. DOCTYPE deyiminden sonra yazılan ifade ile tarayıcı, dokümanın hangi tipte olduğunu anlar. HTML belgesi için DOCTYPE ifadesinde “html” kullanılır (Görsel 3.8). Web sayfaları için <html> etiketinden önce yazılır.
DOCTYPE bildirimi yazılmadığında; tarayıcı Quirks Mode'da çalışır, web sayfasının DOCTYPE kullanılmadan önceki bir versiyonu olduğunu düşünür ve bazı etiketler çalışmaz, HTML doğrulayıcı kullanılmaz, stil sayfaları düzgün görüntülenmez.
 |
| Görsel 3.8. DOCTYPE kullanımı |
2. <html> Etiketi
HTML kodları HTML etiketi arasına yazılır. <html> etiketi ile başlar </html> kapatma etiketi ile sonlandırılır. Sayfanın başlangıcını ve sonunu belirtir. Aşağıda HTML5 iskeleti görülmektedir.
Tüm meta verileri ve sayfa içeriği HTML etiketi arasında yer alır. HTML5 iskeletindeki etiketlerin
sıralaması değiştirilemez.
Sıra Sizde
Metin editörü kullanarak HTML5 iskeletini oluşturunuz. Oluşturduğunuz belgeyi
“htmletiketi.html” olarak kaydediniz ve tarayıcıda görüntüleyiniz. Tarayıcıda değişiklik
olup olmadığını gözlemleyiniz.
1. Uygulama
HTML iskeletini, metin düzenleyici kullanarak yönergeler doğrultusunda gerçekleştiriniz.
1. Adım: DOCTYPE bildirimini yazınız.
<!DOCTYPE html>
<html lang="tr">
</html>
2. Adım: <html> elemanını oluşturunuz.
3. Adım: <head> ve <body> elemanlarını oluşturunuz.
4. Adım: TAB tuşunu kullanarak yazdığınız HTML kodları girintili hâle getiriniz.
5. Adım: Oluşturduğunuz HTML iskeletini “ilk.html” adında HTML belgesi olarak kaydediniz ve tarayıcıda görüntüleyiniz.
Not
Lang özelliği, HTML5’te kullanılan birincil dili belirtir; <html> etiketine ait bir özelliktir, ayrı bir komut değildir. HTML5’te birincil dil HTML etiketi içerisinde belirtilmelidir. HTML5’ten önceki versiyonlarda dil özelliği DOCTYPE bildirimi içerisinde tanımlanır. HTML etiketine ait lang özelliğinde kullanılan ülke kodları, ISO-639-1 standartlarında ikili olarak belirlenmiştir. Türkçe için lang özelliğinin değeri “tr”dir.
Araştırma
Farklı diller için lang parametresi ile kullanılan ISO-693-1 tablosunu inceleyerek elde ettiğiniz bilgileri arkadaşlarınız ile paylaşınız.
Modüler Sistemdeki Konular
2.1.3. <BODY>
Html belgesinin tüm içeriğinin yer aldığı bölümdür. Bu bölümde yer alan içeriğin tümü tarayıcıda görüntülenir. Body etiketi ile birlikte kullanılabilecek parametreler ve görevleri aşağıda gösterilmiştir.
Bgcolor: Hazırlamış olduğunuz web sayfasının arka plân rengini belirlemek için kullanılır.
Kullanımı;
<body bgcolor=”blue”>…</body>
Background: Hazırlamış olduğunuz web sayfasının zemininin bir resimden oluşmasını isteyebilirsiniz. Bu parametre arka plânda kullanılmak istenilen resmi belirlemek için kullanılır.
Kullanımı;
<body background=”resim.jpg”>….</body>
Link: Web sayfanızda kullanacağınız linklerin rengini belirlemek için kullanılır.
Alink: Web sayfanızdaki herhangi bir Linke tıklandığı zaman oluşacak rengin ne olacağını belirlemek için kullanılır.
Vlink: Web sayfanızdaki önceden ziyaret edilmiş linklerin renginin hangi renk olacağını belirlemek için kullanılır.
Hiç yorum yok