HTML Öğrenmek İçin Neler Bilmeyliyim?
Herhangi bir kod bilgisine gerek yoktur. HTML, web tasarımının en temel dili olduğu için bir ön bilgi gerektirmez. Fakat, bilgisayarda, dosya ve klasör oluşturma ve düzenleme, bir web tarayıcısını kullanabilme gibi temel bilgileri bilmemiz gereklidir.
HTML Nedir?
HTML, web sayfalarını oluşturmak için kullanılan standart bir biçimlendirme dilidir.
- HTML, “Hyper Text Markup Language” ifadesinin kısaltmasıdır. Kabaca “gelişmiş metin biçimlendirme dili” de denebilir.
- Web sitelerinin, sayfa içeriklerini biçimlendirmek için kullanılan temel dildir.
- Bir web sayfası, bir çok HTML elemanının bir araya gelmesiyle oluşur.
- HTML elemanları, HTML diline özel taglar (etiketler) vasıtasıyla oluşturulur.
- HTML etiketleri, bir web sayfasındaki içerikleri, “başlık”, “paragraf”, “tablo” gibi faklı şekillerde düzenlememizi sağlar.
- Web tarayıcılar, HTML etiketlerini göstermezler, sayfa içeriklerini bu etiketlere göre sunarlar.
Basit Bir HTML Dökümanı
<!DOCTYPE html>
<html>
<head>
<title> Web Sayfasının Başlığı </title>
</head>
<body>
<h1> YAZININ BAŞLIĞI </h1>
<p> Paragraf paragraf. </p>
</body>
</html>Bu dökümandaki HTML kodlarının açıklaması:
<!DOCTYPE html>Yukarıdaki ifade, bu dökümanın bir HTML5 dökümanı olduğunu belirtir.
<html>Yukarıdaki ifade, bir HTML sayfasının en temel elemanıdır.
<head>Bu eleman, HTML dökümanı ile ilgili meta bilgilerini içeren elemandır.
<title>Dökümanın bir başlık vermek için bu eleman kullanılır.
<body>Bu eleman, HTML sayfamızın görünen içeriklerini barındıran elemandır. Web sayfamızda yayınlamak istediğimiz içerikleri bu elemanın içine yerleştiririz.
<h1>Büyük puntolu bir başlık yazmak için bu elemanı kullanırız.
<p>Bir paragraf yazmak için bu elemanı kullanırız.
HTML Etiketleri (HTML Tag)
HTML etiketleri, köşeli parantezler içine alınmış HTML elamanlarıdır:
<etiketadi> İçerik burada olur… </etiketadi>
- HTML etiketleri, genellikle <etiketadi> ve </etiketadi> şeklindeki çiftlerden oluşur.
- Bu çiftlerin ilkine başlangıç etiketi diğerine ise bitiş etiketi denir.
- Bitiş etiketinin başlangıç etiketinden tek farkı, adının önünde bir taksim (/) işareti içermesidir.
Başlangıç etiketine aynı zamanda açma etiketi, bitiş etiketine de aynı zamanda kapama etiketi denir.
Web Tarayıcılar (İnternet Tarayıcılar)
Web tarayıcıların amacı HTML dökümanlarını okumak ve bizlere göstermektir.
En yaygın kullanılan web tarayıcılar şunlardır:
- Chrome
- Internet Explorer (artık güncellenmiyor)
- Microsoft Edge
- Firefox
- Safari
Web tarayıcılar, HTML etiktlerini göstermezler, içerikleri bu etiketlerin anlamlarına göre biçimlendirirler ve bize o şekilde gösterirler.
Bir HTML Dosyası Nedir?
- Bir HTML dosyası; text (düz metin), JavaScript, CSS ve HTML kodları içerebilir.
- Web tarayıcılar tarafından yorumlanır. (Internet Explorer, Firefox, Chrome, Safari, Microsoft Edge gibi…)
- Microsoft’un “Not Defteri” uygulaması ile bile bir HTML sayfası oluşturulabilir. Fakat hiç tavsiye edilmez, çünkü, HTML veya diğer dillerde kod yazmak için ücretsiz ve gelişmiş bir çok kod editörü vardır. (Tavsiyem Notepad++)
- HTML dosyaları “.html” veya “.htm” uzantısı ile biter.
Sonuç
HTML, web sayfası oluşturmanın ilk ve en kolay adımıdır. Web tasarımı öğrenmek için başlanması gereken yer tam olarak HTML’dir.
--- YAZININ SONU ---
