Temelden İleriye Sağlam Bir Başlangıç (Yeni Başlayanlara Yönelik)
Selam yazılımcı tayfa!
Front-end tarafına yeni giriş yapan arkadaşlar için HTML üzerine kısa ama temel taşları oturtacak bir içerik hazırlamak istedim. Eğer sıfırdan başlıyorsan ya da "Ben bunu yaparım ama neden yaptığımı tam bilmiyorum" diyorsan, bu yazı tam sana göre.
HTML Nedir? Ne Değildir?
HTML = HyperText Markup Language
Yani bir programlama dili değil, işaretleme dilidir. Tarayıcıya "şu başlık olacak", "şurada paragraf var", "buraya görsel koy", "şu linke git" gibi komutlar veririz. Bu komutlar ise "etiket (tag)" dediğimiz yapılarla yazılır.
Temel HTML Yapısı (Anatomi)
html
KopyalaDüzenle
Kod:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>İlk Sayfam</title>
</head>
<body>
<h1>Selam Dünya!</h1>
<p>HTML ile web'e adım attım!</p>
</body>
</html>? <html> → Tüm sayfanın kapsayıcısıdır.
? <head> → Sayfa hakkında meta bilgiler (başlık, charset, css bağlantısı vs.).
? <body> → Asıl kullanıcıya gösterilecek içerik buradadır.