Basit Html
Basit HTML
HTML (HyperText Markup Language), web sayfalarının oluşturulması için kullanılan bir işaretleme dilidir. Bu makalede, basit HTML kodlarını öğrenerek kendi web sayfanızı oluşturmanızı sağlayacak temel bilgileri vereceğim.
1. HTML Temel Yapısı
Bir HTML dosyası, “html” etiketleri arasında yer alan “head” ve “body” bölümlerini içerir. “head” bölümü, web tarayıcısına özel bilgiler sağlamak için kullanılırken, “body” bölümü web sayfasının içeriğini belirtir.
2. Başlık Etiketleri
Web sayfanızın başlığını belirlemek için “h1” ila “h6” etiketlerini kullanabilirsiniz. En büyük başlık “h1” etiketiyle ve en küçük başlık “h6” etiketiyle belirtilir.
3. Paragraf Etiketi
Paragraf oluşturmak için “p” etiketini kullanabilirsiniz. Bu etiket, metni paragraf şeklinde göstermenizi sağlar.
4. Bağlantı Etiketi
Web sayfanızda başka bir sayfaya veya kaynağa bağlantı oluşturmak için “a” etiketini kullanabilirsiniz. Bu etiket, “href” özelliği ile bağlantı adresini belirtir.
5. Liste Etiketleri
Sıralı veya sırasız liste oluşturmak için “ol” ve “ul” etiketlerini kullanabilirsiniz. Sıralı liste için “ol” etiketi, sırasız liste için ise “ul” etiketi kullanılır. Liste elemanlarını “li” etiketiyle tanımlayabilirsiniz.
6. Resim Etiketi
Web sayfanıza resim eklemek için “img” etiketini kullanabilirsiniz. “src” özelliği ile resmin kaynak adresini belirtmelisiniz.
7. Tablo Etiketi
Verileri tablo şeklinde göstermek için “table”, “tr” ve “td” etiketlerini kullanabilirsiniz. “table” etiketi, bir tabloyu tanımlarken, “tr” etiketi bir tablo satırını ve “td” etiketi de bir tablo hücresini belirtir.
8. Form Etiketi
Kullanıcıdan veri girişi almak için “form” etiketini kullanabilirsiniz. “input” etiketi, farklı veri giriş alanlarını temsil eder.
Bu makalede HTML’nin temel yapısını ve basit kodları öğrendiniz. Bu bilgileri kullanarak kendi web sayfalarınızı oluşturabilirsiniz. HTML’nin daha karmaşık özelliklerini öğrenmek için çeşitli kaynaklardan yararlanabilirsiniz. Kendi web sitelerinizi oluştururken aktif bir dil kullanarak kullanıcıların dikkatini çekebilirsiniz. Başarılar!