Hepinize yeniden merhaba sevgili okuyucularım. Bugün sizlerle HTML hakkında kendi çapımda bir içerik hazırladım. Öncelikle sizlere ilk vermek istediğim bilgi, HTML bir programlama dili değildir.
HTML; Web sayfalarını yapılandırma aşamalarında kullanılan standart bir işaretleme dilidir. Daha açık bir şekil de söylemek gerekirse, Chrome, Firefox, Microsoft Edge gibi tarayıcıların okuyup kendine göre anlamlandırdığı dildir. HTML açılımı “Hyper Text Markup Language” dir.
HTML Ne İşe Yarar?
Web tasarımcılarına sayfalar ve uygulamalar için yapı profilleri, bloklar, bağlantılar, paragraflar ve başlıklar oluşturmalarında HTML yardımcı olur. Bu konuda basit kod yapıları olan etiketler ve niteliklerle web sayfaları ve uygulamalar şekillendirilebilir. HTML için bir web sitenin iskeleti de denilebilir. HTML kodları olmadan asla bir web sitesi kodlanamaz.
Web tasarıma 0 dan başlayacak olanlar için öğrenmesi en kolay olan dil hiç şüphesiz HTML’dir. Bir çok kaynaktan HTML dersleri alarak sistemli bir şekilde kendinizi deneyerek geliştirebilirsiniz. Zamanla ve çabaladıkça sahip olduklarınızdan çok daha fazlasını deneyimle öğrenebilir, web sitesi tasarlama konusunda harika yerlere gelebilirsiniz.
En Temel HTML Kodları
HTML , bir web sayfasının yapısını oluşturan kod parçalarıdır. Kullanılan kodlar < > bu iki sembolün arasına yazılmak zorundadır. Kalıplaşmış bazı HTML kodlarını sürekli bilmemiz gerekir ve web sayfasının birden fazla yerinde bu kodlar kullanılabilir. Ancak bundan önce temel bir HTML kod yapısının nasıl olması gerektiğini bilmemiz gerekiyor.
<!DOCTYPE html> : Bu kod belge türünü belirler, HTML5 formatına göre kodlandığını gösterir.
<html> : Bir HTML sayfasının kökünü tanımlar.
<head> : Belge ile ilgili bilgiler tanımlar.
<title> : Belge için başlık tanımlar.
<body> : Belgenin bedenini tanımlar ve bu gibi başlıklar, paragraflar, görüntü, köprü, tablolar, listeler, tüm görünür içeriğiyle bir gövde olur.
<meta charset=”utf-8”> : HTML kodunun Türkçe karakter desteği dâhil pek çok dil seti içerdiğini belirtir.
-
Başlık Kodu ()
Web sistesin de ki başlıkları bu kodla belirleriz. 6 adet başlık öğesi bulunmaktadır. Bunlar; H1, H2, H3, H4, H5, H6’dan oluşur. Örnek kullanım şekli;
<H1> Birinci Başlık
<H2> İkinci Başlık
<H3> Üçüncü Başlık
<H4> Dördüncü Başlık
<H5> Beşinci Başlık
<H6> Altıncı Başlık
-
Paragraf Kodu (<p>)
Metinler içerisinde paragrafları oluşturmamızı sağlar. İçerik bölümlerini ayırırken aralarında <br> kodu eklenerek metin paragrafları oluşturulabilse de <p> kodunun kullanılması daha çok tavsiye edilir.
-
Satır Sonu Kodu (<br>)
Web sayfasındaki metni yatay olarak bölmeye yarar. Kullanıldığı yerde metin bir alt satırdan devam eder. <br/> kullanıldığında, takip eden tüm kelimeler alt satırdan devam eder.
-
Resim Kodu (<img>)
<img> kodu, görüntüleri web sayfasına ekler.
-
Buton Kodu (<button>)
HTML buton kodu, sayfalarınızı ilgi çekici yapmak ve etkileşimli içerikler oluşturmak için kullanılmaktadır.
-
Bağlantı Kodu (<a>)
Önemli HTML link verme kodlarından biri olan <a> kodu ile diğer içerikleriniz arasında da bağlantılar oluşturabilir.
Bu içeriğimde sizlere vermek istediğim içerikler bu kadardı arkadaşlar. Umarım sizler için çok yararlı olmuştur. Diğer içeriklerime buradan ulaşabilirsiniz.
Ayrıca buradan çok kolay html öğrenebilirsiniz.
