Uncategorized

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!

İlgili Makaleler

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu
servisl