\u0130nternet d\u00fcnyas\u0131na ad\u0131m atmak, kendi web sitenizi olu\u015fturmak veya mevcut bir siteyi anlamak m\u0131 istiyorsunuz? Bu yolculu\u011fun ilk ve en kritik ad\u0131m\u0131, web sayfalar\u0131n\u0131n iskeletini olu\u015fturan HTML’i (HyperText Markup Language – Hiper Metin \u0130\u015faretleme Dili) \u00f6\u011frenmektir. HTML, bir web sayfas\u0131n\u0131n i\u00e7eri\u011fini ve yap\u0131s\u0131n\u0131 tan\u0131mlayan temel yap\u0131 ta\u015f\u0131d\u0131r. Metinlerinizi ba\u015fl\u0131klar, paragraflar, listeler halinde d\u00fczenlemenizi, g\u00f6rseller eklemenizi ve sayfalar aras\u0131 ba\u011flant\u0131lar kurman\u0131z\u0131 sa\u011flar. Bu makale, HTML’in temellerini s\u0131f\u0131rdan \u00f6\u011frenmek isteyen herkes i\u00e7in kapsaml\u0131 bir rehber niteli\u011findedir; web’in nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 anlamak ve kendi dijital varl\u0131\u011f\u0131n\u0131z\u0131 in\u015fa etmeye ba\u015flamak i\u00e7in ihtiyac\u0131n\u0131z olan her \u015feyi sunar.<\/p>\n
G\u00fcn\u00fcm\u00fcz dijital \u00e7a\u011f\u0131nda, bir web sitesine sahip olmak bireylerden kurumsal firmalara kadar herkes i\u00e7in vazge\u00e7ilmez bir ihtiya\u00e7 haline gelmi\u015ftir. Peki, milyarlarca web sayfas\u0131n\u0131n temelinde yatan bu teknoloji, tam olarak ne i\u015fe yar\u0131yor? Basit\u00e7e ifade etmek gerekirse, bir binan\u0131n iskeleti neyse, bir web sayfas\u0131n\u0131n iskeleti de HTML’dir. \u0130\u00e7eri\u011finizi d\u00fczenlemenize, taray\u0131c\u0131lar\u0131n (browser) bu i\u00e7eri\u011fi nas\u0131l yorumlayaca\u011f\u0131n\u0131 belirtmenize ve kullan\u0131c\u0131lar\u0131n sayfalar\u0131n\u0131zla nas\u0131l etkile\u015fime ge\u00e7ece\u011fini belirlemenize olanak tan\u0131r. HTML bilgisi, sadece web geli\u015ftiricileri i\u00e7in de\u011fil, i\u00e7erik \u00fcreticileri, pazarlamac\u0131lar ve hatta dijital d\u00fcnyay\u0131 daha iyi anlamak isteyen herkes i\u00e7in paha bi\u00e7ilmez bir beceridir. Bu ilk g\u00fcn\u00fcm\u00fczde, HTML’in temel kavramlar\u0131na dalacak, ilk web sayfam\u0131z\u0131 olu\u015fturacak ve bu heyecan verici d\u00fcnyaya sa\u011flam bir giri\u015f yapaca\u011f\u0131z.<\/p>\n
HTML, web geli\u015ftirme yolculu\u011funuzun ba\u015flang\u0131\u00e7 noktas\u0131d\u0131r. Onu anlamak, internetin g\u00f6r\u00fcn\u00fcr y\u00fcz\u00fcn\u00fcn ard\u0131ndaki mant\u0131\u011f\u0131 kavraman\u0131za yard\u0131mc\u0131 olur. Bir web sayfas\u0131n\u0131n sadece g\u00fczel bir tasar\u0131mdan ibaret olmad\u0131\u011f\u0131n\u0131, alt\u0131nda belirli bir hiyerar\u015fi ve d\u00fczen oldu\u011funu ke\u015ffedeceksiniz. \u00d6rne\u011fin, bir haber sitesindeki ba\u015fl\u0131klar, paragraflar, resimler ve k\u00f6pr\u00fcler, HTML etiketleri (tags) arac\u0131l\u0131\u011f\u0131yla tan\u0131mlan\u0131r. Bu etiketler, taray\u0131c\u0131ya “bu bir ba\u015fl\u0131k”, “bu bir paragraf” veya “bu bir resim” gibi talimatlar verir. Bu talimatlar sayesinde taray\u0131c\u0131, sayfay\u0131 do\u011fru bir \u015fekilde g\u00f6rselle\u015ftirir ve kullan\u0131c\u0131ya sunar. HTML \u00f6\u011frenmek, sadece kod yazmay\u0131 de\u011fil, ayn\u0131 zamanda web’in dilini konu\u015fmay\u0131 \u00f6\u011frenmek anlam\u0131na gelir. Bu ilk ad\u0131m, gelecekteki web projeleriniz i\u00e7in sa\u011flam bir zemin olu\u015fturacak ve dijital d\u00fcnyadaki potansiyelinizi ortaya \u00e7\u0131karman\u0131za yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n
HTML, HyperText Markup Language kelimelerinin ba\u015f harflerinden olu\u015fan, web sayfalar\u0131 olu\u015fturmak i\u00e7in kullan\u0131lan standart bir i\u015faretleme dilidir (markup language). Bir programlama dili de\u011fildir; yani mant\u0131ksal i\u015flemler yapmaz veya algoritmalar \u00e7al\u0131\u015ft\u0131rmaz. Bunun yerine, web taray\u0131c\u0131lar\u0131na bir sayfan\u0131n i\u00e7eri\u011finin yap\u0131s\u0131n\u0131 ve anlam\u0131n\u0131 belirtmek i\u00e7in etiketler (tags) ve elementler (elements) kullan\u0131r. Bu etiketler, metinlerin ba\u015fl\u0131k m\u0131, paragraf m\u0131, liste mi oldu\u011funu veya bir g\u00f6rselin nerede duraca\u011f\u0131n\u0131 tan\u0131mlar. HTML’in temel amac\u0131, web i\u00e7eri\u011fini d\u00fczenlemek ve yap\u0131land\u0131rmakt\u0131r, b\u00f6ylece taray\u0131c\u0131lar i\u00e7eri\u011fi do\u011fru bir \u015fekilde yorumlay\u0131p kullan\u0131c\u0131lara g\u00f6sterebilir.<\/p>\n
Her HTML belgesi belirli bir temel yap\u0131ya sahiptir. Bu yap\u0131, belgenin t\u00fcr\u00fcn\u00fc belirten bir bildirim ile ba\u015flar ve ard\u0131ndan HTML’in ana b\u00f6l\u00fcmlerini i\u00e7erir. \u0130\u015fte basit bir HTML belgesinin temel yap\u0131s\u0131:<\/p>\n
Bu yap\u0131y\u0131 ad\u0131m ad\u0131m inceleyelim:<\/p>\n
<!DOCTYPE html><\/code>: Bu bildirim, taray\u0131c\u0131ya belgenin HTML5 standard\u0131nda yaz\u0131ld\u0131\u011f\u0131n\u0131 s\u00f6yler. Her HTML belgesinin ilk sat\u0131r\u0131 olmal\u0131d\u0131r.<\/li>\n<html lang=\"tr\"><\/code>: Bu etiket, t\u00fcm HTML i\u00e7eri\u011fini kapsayan k\u00f6k (root) elementtir. lang=\"tr\"<\/code> niteli\u011fi (attribute) ise sayfan\u0131n dilinin T\u00fcrk\u00e7e oldu\u011funu belirtir, bu da arama motorlar\u0131 ve ekran okuyucular i\u00e7in \u00f6nemlidir.<\/li>\n<head><\/code>: Bu b\u00f6l\u00fcm, web sayfas\u0131n\u0131n kendisiyle ilgili meta bilgileri (metadata) i\u00e7erir. Taray\u0131c\u0131da do\u011frudan g\u00f6r\u00fcnmez ancak sayfan\u0131n nas\u0131l davranaca\u011f\u0131n\u0131, arama motorlar\u0131 taraf\u0131ndan nas\u0131l indekslenece\u011fini ve karakter kodlamas\u0131n\u0131 belirtir.\n\n<meta charset=\"UTF-8\"><\/code>: Karakter kodlamas\u0131n\u0131 belirler. T\u00fcrk\u00e7e karakterlerin (\u00e7, \u011f, \u0131, \u00f6, \u015f, \u00fc) do\u011fru g\u00f6r\u00fcnt\u00fclenmesi i\u00e7in UTF-8 kullanmak \u00f6nemlidir.<\/li>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/code>: Bu etiket, sayfan\u0131n farkl\u0131 cihaz boyutlar\u0131na (mobil, tablet, masa\u00fcst\u00fc) duyarl\u0131 (responsive) olmas\u0131n\u0131 sa\u011flar.<\/li>\n<title>\u0130lk Web Sayfam<\/title><\/code>: Taray\u0131c\u0131 sekmesinde veya pencere ba\u015fl\u0131\u011f\u0131nda g\u00f6r\u00fcnen sayfa ba\u015fl\u0131\u011f\u0131n\u0131 tan\u0131mlar.<\/li>\n<\/ul>\n<\/li>\n<body><\/code>: Bu b\u00f6l\u00fcm, web sayfas\u0131n\u0131n t\u00fcm g\u00f6r\u00fcn\u00fcr i\u00e7eri\u011fini bar\u0131nd\u0131r\u0131r. Metinler, g\u00f6rseller, ba\u011flant\u0131lar, videolar gibi her \u015fey <body><\/code> etiketleri aras\u0131na yaz\u0131l\u0131r.<\/li>\n<\/ul>\nTemel Metin Etiketleri: Ba\u015fl\u0131klar ve Paragraflar<\/h3>\n
Web sayfalar\u0131nda i\u00e7eri\u011fi d\u00fczenlemenin en temel yollar\u0131ndan biri ba\u015fl\u0131klar ve paragraflar kullanmakt\u0131r. HTML, alt\u0131 farkl\u0131 ba\u015fl\u0131k seviyesi sunar: <h1><\/code>‘den <h6><\/code>‘ya kadar. <h1><\/code> en \u00f6nemli ba\u015fl\u0131k iken, <h6><\/code> en az \u00f6nemli ba\u015fl\u0131\u011f\u0131 temsil eder. Genellikle her sayfada yaln\u0131zca bir <h1><\/code> etiketi bulunur ve bu, sayfan\u0131n ana konusunu belirtir. Daha alt seviyelerdeki ba\u015fl\u0131klar, i\u00e7eri\u011fi hiyerar\u015fik olarak d\u00fczenlemek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n<h2>Bu Bir Ana Ba\u015fl\u0131k<\/h2>\n<h3>Bu Bir Alt Ba\u015fl\u0131k<\/h3>\n<h4>Daha K\u00fc\u00e7\u00fck Bir Ba\u015fl\u0131k<\/h4>\n <\/code><\/pre>\n<\/p><\/div>\nParagraflar i\u00e7in ise <p><\/code> etiketi kullan\u0131l\u0131r. Bu etiket, metin bloklar\u0131n\u0131 birbirinden ay\u0131rarak okunabilirli\u011fi art\u0131r\u0131r. Ayr\u0131ca, metin i\u00e7inde yeni bir sat\u0131ra ge\u00e7mek i\u00e7in <br><\/code> (line break) etiketini ve sayfan\u0131n b\u00f6l\u00fcmlerini g\u00f6rsel olarak ay\u0131rmak i\u00e7in <hr><\/code> (horizontal rule) etiketini kullanabilirsiniz. <br><\/code> ve <hr><\/code> etiketleri, kapan\u0131\u015f etiketi gerektirmeyen tekil (self-closing) etiketlerdir.<\/p>\n\n\n<p>Bu, web sayfamdaki ilk paragraf\u0131m.<\/p>\n<p>Burada farkl\u0131 bir konu hakk\u0131nda yaz\u0131yorum.<br>\nYeni bir sat\u0131ra ge\u00e7mek i\u00e7in br etiketi kulland\u0131m.<\/p>\n<hr>\n<p>Bu, yatay bir \u00e7izgi ile ayr\u0131lm\u0131\u015f ba\u015fka bir paragraf.<\/p>\n <\/code><\/pre>\n<\/p><\/div>\nBu temel etiketleri kullanarak, herhangi bir web sayfas\u0131n\u0131n iskeletini olu\u015fturabilir ve i\u00e7eri\u011finizi anlaml\u0131 bir \u015fekilde d\u00fczenleyebilirsiniz. \u0130lk sayfan\u0131z\u0131 olu\u015ftururken, bir metin d\u00fczenleyici (\u00f6rne\u011fin: VS Code, Sublime Text) kullanmak ve dosyan\u0131z\u0131 .html<\/code> uzant\u0131s\u0131yla kaydetmek yeterlidir. Daha sonra bu dosyay\u0131 bir taray\u0131c\u0131da a\u00e7arak yazd\u0131\u011f\u0131n\u0131z HTML’in nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc an\u0131nda g\u00f6r\u00fcnt\u00fcleyebilirsiniz.<\/p>\n\u0130\u00e7eri\u011fi \u015eekillendirmek: Metin, Ba\u011flant\u0131lar ve G\u00f6rsellerle \u00c7al\u0131\u015fmak<\/h2>\n
HTML’in g\u00fcc\u00fc, sadece metinleri d\u00fczenlemekle kalmaz, ayn\u0131 zamanda i\u00e7eri\u011fi zenginle\u015ftirmek i\u00e7in ba\u011flant\u0131lar (links) ve g\u00f6rseller (images) gibi interaktif elementleri de sayfaya dahil etmenizi sa\u011flar. Bu b\u00f6l\u00fcmde, web sayfalar\u0131n\u0131zdaki metinleri daha anlaml\u0131 hale getirmeyi, kullan\u0131c\u0131lar\u0131 ba\u015fka sayfalara y\u00f6nlendirmeyi ve g\u00f6rsel \u00f6\u011felerle sayfalar\u0131n\u0131z\u0131 \u00e7ekici k\u0131lmay\u0131 \u00f6\u011frenece\u011fiz.<\/p>\n
Metin Bi\u00e7imlendirme ve Vurgulama<\/h3>\n
Metinlerinizin belirli k\u0131s\u0131mlar\u0131n\u0131 vurgulamak veya farkl\u0131 anlamlar y\u00fcklemek i\u00e7in \u00e7e\u015fitli HTML etiketleri mevcuttur. Bu etiketler, i\u00e7eri\u011finizin okunabilirli\u011fini art\u0131r\u0131r ve taray\u0131c\u0131lara metnin belirli bir b\u00f6l\u00fcm\u00fcn\u00fcn \u00f6nemini veya stilini belirtir:<\/p>\n
\n<strong><\/code>: Metni kal\u0131n (bold) yapar ve \u00f6nemli oldu\u011funu belirtir. Arama motorlar\u0131 i\u00e7in de anlamsal bir a\u011f\u0131rl\u0131k ta\u015f\u0131r.<\/li>\n<em><\/code>: Metni italik (italic) yapar ve vurgulu oldu\u011funu belirtir.<\/li>\n<u><\/code>: Metnin alt\u0131n\u0131 \u00e7izer. Genellikle ba\u011flant\u0131larla kar\u0131\u015ft\u0131r\u0131lmamas\u0131 i\u00e7in dikkatli kullan\u0131lmal\u0131d\u0131r.<\/li>\n<span><\/code>: Herhangi bir anlamsal anlam\u0131 olmayan genel bir sat\u0131r i\u00e7i (inline) etikettir. Genellikle CSS ile belirli metin par\u00e7alar\u0131na stil uygulamak i\u00e7in kullan\u0131l\u0131r.<\/li>\n<\/ul>\n\n\n<p>Bu c\u00fcmlede <strong>\u00f6nemli bir kelime<\/strong> var.<\/p>\n<p>L\u00fctfen <em>bu noktaya dikkat edin<\/em>.<\/p>\n<p><u>Gelecek toplant\u0131<\/u> hakk\u0131nda bilgi.<\/p>\n<p>Bu bir <span>renkli metin<\/span> \u00f6rne\u011fidir (stil CSS ile verilir).<\/p>\n <\/code><\/pre>\n<\/p><\/div>\nBa\u011flant\u0131lar (Links): Web’in Omurgas\u0131<\/h3>\n
Web’i “a\u011f” yapan \u015fey, sayfalar aras\u0131 ba\u011flant\u0131lard\u0131r. HTML’de ba\u011flant\u0131lar, <a><\/code> (anchor) etiketi ile olu\u015fturulur. Bu etiketin en \u00f6nemli niteli\u011fi href<\/code>‘tir (Hypertext Reference). href<\/code>, ba\u011flant\u0131n\u0131n hedef URL’sini (Uniform Resource Locator) belirtir.<\/p>\n\n\n<p><a href=\"https:\/\/www.google.com\">Google'a Git<\/a><\/p>\n<p><a href=\"hakkimizda.html\">Hakk\u0131m\u0131zda Sayfas\u0131na Git<\/a><\/p>\n <\/code><\/pre>\n<\/p><\/div>\nBa\u011flant\u0131n\u0131n yeni bir sekmede a\u00e7\u0131lmas\u0131n\u0131 isterseniz, target=\"_blank\"<\/code> niteli\u011fini kullanabilirsiniz. Ayr\u0131ca, bir e-posta adresi i\u00e7in ba\u011flant\u0131 olu\u015fturabilir veya sayfa i\u00e7inde belirli bir b\u00f6l\u00fcme atlamak i\u00e7in de ba\u011flant\u0131lar\u0131 kullanabilirsiniz.<\/p>\n\n\n<p><a href=\"https:\/\/www.ornek.com\" target=\"_blank\">Yeni Sekmede A\u00e7<\/a><\/p>\n<p><a href=\"mailto:bilgi@ornek.com\">Bize E-posta G\u00f6nder<\/a><\/p>\n <\/code><\/pre>\n<\/p><\/div>\nG\u00f6rseller (Images): Web Sayfalar\u0131na Hayat Katmak<\/h3>\n
G\u00f6rseller, web sayfalar\u0131n\u0131 daha \u00e7ekici ve bilgilendirici hale getirir. HTML’de g\u00f6rseller, <img><\/code> etiketi ile eklenir. Bu etiket, kapan\u0131\u015f etiketi gerektirmeyen tekil bir etikettir ve iki temel niteli\u011fi vard\u0131r:<\/p>\n\nsrc<\/code> (source): G\u00f6rsel dosyas\u0131n\u0131n yolunu (URL’sini) belirtir.<\/li>\nalt<\/code> (alternative text): G\u00f6rselin i\u00e7eri\u011fini a\u00e7\u0131klayan alternatif metindir. G\u00f6rsel y\u00fcklenemedi\u011finde veya ekran okuyucular taraf\u0131ndan kullan\u0131l\u0131r, bu da eri\u015filebilirlik (accessibility) ve SEO (Search Engine Optimization) i\u00e7in kritik \u00f6neme sahiptir.<\/li>\n<\/ul>\n\n\n<img src=\"resimler\/logo.png\" alt=\"\u015eirket Logosu\" width=\"150\" height=\"auto\">\n<img src=\"https:\/\/via.placeholder.com\/300\" alt=\"\u00d6rnek Yer Tutucu Resim\">\n <\/code><\/pre>\n<\/p><\/div>\nwidth<\/code> ve height<\/code> nitelikleri ile g\u00f6rselin boyutunu belirleyebilirsiniz, ancak genellikle bu t\u00fcr stil tan\u0131mlamalar\u0131 i\u00e7in CSS kullanmak daha iyi bir uygulamad\u0131r. alt<\/code> niteli\u011finin her zaman eklenmesi, web sitenizin engelli kullan\u0131c\u0131lar i\u00e7in daha eri\u015filebilir olmas\u0131n\u0131 sa\u011flar ve arama motorlar\u0131n\u0131n g\u00f6rsellerinizi anlamas\u0131na yard\u0131mc\u0131 olur.<\/p>\nListeler: Bilgiyi D\u00fczenli Sunmak<\/h3>\n
Bilgiyi madde madde veya s\u0131ral\u0131 bir \u015fekilde sunmak i\u00e7in HTML listeleri kullan\u0131l\u0131r. \u0130ki ana liste t\u00fcr\u00fc vard\u0131r:<\/p>\n
\n<ul><\/code> (unordered list): S\u0131ras\u0131z liste olu\u015fturur (madde i\u015faretli).<\/li>\n<ol><\/code> (ordered list): S\u0131ral\u0131 liste olu\u015fturur (numaral\u0131).<\/li>\n<\/ul>\nHer iki liste t\u00fcr\u00fc de liste \u00f6\u011felerini belirtmek i\u00e7in <li><\/code> (list item) etiketini kullan\u0131r.<\/p>\n\n\n<h3>Yap\u0131lacaklar Listesi<\/h3>\n<ul>\n <li>HTML \u00f6\u011fren<\/li>\n <li>CSS'e ba\u015fla<\/li>\n <li>JavaScript'i ke\u015ffet<\/li>\n<\/ul>\n\n<h3>Ad\u0131mlar<\/h3>\n<ol>\n <li>Dosyay\u0131 olu\u015ftur<\/li>\n <li>Kodlar\u0131 yaz<\/li>\n <li>Taray\u0131c\u0131da g\u00f6r\u00fcnt\u00fcle<\/li>\n<\/ol>\n <\/code><\/pre>\n<\/p><\/div>\nBu temel elementler, web sayfalar\u0131n\u0131z\u0131n i\u00e7eri\u011fini zenginle\u015ftirmenin ve kullan\u0131c\u0131lar i\u00e7in daha etkile\u015fimli ve okunabilir hale getirmenin ilk ad\u0131mlar\u0131d\u0131r. Ger\u00e7ek d\u00fcnya senaryolar\u0131nda, bir e-ticaret sitesinin \u00fcr\u00fcn a\u00e7\u0131klamalar\u0131, bir haber sitesinin makale g\u00f6rselleri veya bir blog yaz\u0131s\u0131n\u0131n madde i\u015faretli listeleri bu etiketlerle hayat bulur. Bu elementleri ustaca kullanarak, kullan\u0131c\u0131lar\u0131n web sitenizde daha keyifli bir deneyim ya\u015famas\u0131n\u0131 sa\u011flayabilirsiniz.<\/p>\n
Web Sayfalar\u0131n\u0131 D\u00fczenlemek: Semantik Etiketler ve Tablolar\u0131n G\u00fcc\u00fc<\/h2>\n
Bir web sayfas\u0131n\u0131 sadece i\u00e7erikle doldurmak yeterli de\u011fildir; bu i\u00e7eri\u011fi anlaml\u0131 ve eri\u015filebilir bir \u015fekilde d\u00fczenlemek de b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r. \u0130\u015fte bu noktada semantik HTML etiketleri ve tablolar devreye girer. Semantik etiketler, i\u00e7eri\u011fin anlam\u0131na dair bilgi sa\u011flayarak arama motorlar\u0131na, ekran okuyucular\u0131na ve di\u011fer geli\u015ftiricilere sayfan\u0131n yap\u0131s\u0131n\u0131 daha iyi anlamalar\u0131na yard\u0131mc\u0131 olurken, tablolar da verileri d\u00fczenli bir formatta sunman\u0131n etkili bir yoludur.<\/p>\n
Semantik HTML: Anlaml\u0131 Yap\u0131lar Olu\u015fturmak<\/h3>\n
Geleneksel olarak, web geli\u015ftiricileri sayfalar\u0131 d\u00fczenlemek i\u00e7in \u00e7o\u011funlukla <div><\/code> etiketini kullan\u0131rd\u0131. Ancak HTML5 ile birlikte gelen semantik etiketler, sayfan\u0131n farkl\u0131 b\u00f6l\u00fcmlerinin amac\u0131n\u0131 daha net bir \u015fekilde belirtmemizi sa\u011flar. Bu, sadece kodun okunabilirli\u011fini art\u0131rmakla kalmaz, ayn\u0131 zamanda eri\u015filebilirlik (accessibility) ve arama motoru optimizasyonu (SEO) a\u00e7\u0131s\u0131ndan da kritik faydalar sunar. \u0130\u015fte en yayg\u0131n semantik etiketlerden baz\u0131lar\u0131:<\/p>\n\n<header><\/code>: Sayfan\u0131n veya bir b\u00f6l\u00fcm\u00fcn \u00fcst k\u0131sm\u0131n\u0131, genellikle logo, site ba\u015fl\u0131\u011f\u0131 ve navigasyon men\u00fcs\u00fc gibi i\u00e7eri\u011fi bar\u0131nd\u0131r\u0131r.<\/li>\n<nav><\/code>: Ana navigasyon ba\u011flant\u0131lar\u0131n\u0131 (men\u00fc) i\u00e7erir.<\/li>\n<main><\/code>: Belgenin ana i\u00e7eri\u011fini bar\u0131nd\u0131r\u0131r. Bir sayfada yaln\u0131zca bir <main><\/code> etiketi olmal\u0131d\u0131r.<\/li>\n<article><\/code>: Ba\u011f\u0131ms\u0131z, kendi i\u00e7inde anlam\u0131 olan bir i\u00e7erik par\u00e7as\u0131n\u0131 (\u00f6rne\u011fin bir blog yaz\u0131s\u0131, haber makalesi) temsil eder.<\/li>\n<section><\/code>: Belgenin ba\u011f\u0131ms\u0131z bir b\u00f6l\u00fcm\u00fcn\u00fc temsil eder, genellikle bir ba\u015fl\u0131k i\u00e7erir.<\/li>\n<aside><\/code>: Ana i\u00e7erikten ba\u011f\u0131ms\u0131z, ancak onunla ilgili yan i\u00e7erikleri (\u00f6rne\u011fin kenar \u00e7ubu\u011fu, reklamlar) bar\u0131nd\u0131r\u0131r.<\/li>\n<footer><\/code>: Sayfan\u0131n veya bir b\u00f6l\u00fcm\u00fcn alt k\u0131sm\u0131n\u0131, genellikle telif hakk\u0131 bilgisi, ileti\u015fim bilgileri veya ilgili ba\u011flant\u0131lar gibi i\u00e7eri\u011fi i\u00e7erir.<\/li>\n<\/ul>\n<div><\/code> etiketi ise anlamsal bir anlam\u0131 olmayan genel bir kapsay\u0131c\u0131 (container) etikettir. Semantik etiketlerin uygun olmad\u0131\u011f\u0131 veya sadece stil ama\u00e7l\u0131 bir gruplama gerekti\u011finde hala kullan\u0131labilir. Ancak m\u00fcmk\u00fcn oldu\u011funca i\u00e7eri\u011fin amac\u0131na uygun semantik etiketleri tercih etmek, modern web geli\u015ftirmenin en iyi uygulamalar\u0131ndan biridir.<\/p>\n<\/div>\nBu \u00f6rnek, bir web sayfas\u0131n\u0131n temel yap\u0131s\u0131n\u0131 semantik etiketlerle nas\u0131l olu\u015fturabilece\u011finizi g\u00f6stermektedir. Bu yakla\u015f\u0131m, sadece g\u00f6rsel d\u00fczeni sa\u011flamakla kalmaz, ayn\u0131 zamanda sayfan\u0131z\u0131n i\u00e7eri\u011fini makineler i\u00e7in de daha anla\u015f\u0131l\u0131r hale getirir.<\/p>\n
Tablolar (Tables): Verileri D\u00fczenli Sunmak<\/h3>\n
Tablolar, verileri sat\u0131rlar ve s\u00fctunlar halinde d\u00fczenli bir \u015fekilde sunmak i\u00e7in kullan\u0131l\u0131r. Fiyat listeleri, \u00fcr\u00fcn kar\u015f\u0131la\u015ft\u0131rmalar\u0131 veya istatistiksel veriler gibi bilgileri g\u00f6stermek i\u00e7in idealdirler. HTML’de bir tablo olu\u015fturmak i\u00e7in \u00e7e\u015fitli etiketler kullan\u0131l\u0131r:<\/p>\n
\n<table><\/code>: T\u00fcm tabloyu kapsayan ana etikettir.<\/li>\n<thead><\/code>: Tablonun ba\u015fl\u0131k (header) b\u00f6l\u00fcm\u00fcn\u00fc i\u00e7erir.<\/li>\n<tbody><\/code>: Tablonun g\u00f6vde (body) b\u00f6l\u00fcm\u00fcn\u00fc i\u00e7erir.<\/li>\n<tr><\/code> (table row): Bir tablo sat\u0131r\u0131n\u0131 tan\u0131mlar.<\/li>\n<th><\/code> (table header): Bir ba\u015fl\u0131k h\u00fccresini tan\u0131mlar (genellikle kal\u0131n ve ortalanm\u0131\u015f metin).<\/li>\n<td><\/code> (table data): Bir veri h\u00fccresini tan\u0131mlar.<\/li>\n<\/ul>\n\n\n<h3>\u00dcr\u00fcn Fiyat Listesi<\/h3>\n<table>\n <thead>\n <tr>\n <th>\u00dcr\u00fcn Ad\u0131<\/th>\n <th>Fiyat<\/th>\n <th>Stok Durumu<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Laptop<\/td>\n <td>15.000 TL<\/td>\n <td>Var<\/td>\n <\/tr>\n <tr>\n <td>Fare<\/td>\n <td>250 TL<\/td>\n <td>Var<\/td>\n <\/tr>\n <tr>\n <td>Klavye<\/td>\n <td>500 TL<\/td>\n <td>Yok<\/td>\n <\/tr>\n <\/tbody>\n<\/table>\n <\/code><\/pre>\n<\/p><\/div>\nTablolar\u0131n do\u011fru kullan\u0131m\u0131, karma\u015f\u0131k verileri bile kullan\u0131c\u0131lar i\u00e7in anla\u015f\u0131l\u0131r hale getirebilir. Bir e-ticaret sitesinde \u00fcr\u00fcn \u00f6zelliklerini veya bir finansal rapordaki verileri sunarken tablolar\u0131n g\u00fcc\u00fcnden faydalanmak, bilginin daha kolay sindirilmesini sa\u011flar. Ancak unutmay\u0131n, tablolar sadece verisel i\u00e7erik i\u00e7in kullan\u0131lmal\u0131d\u0131r; sayfa d\u00fczeni (layout) olu\u015fturmak i\u00e7in kullan\u0131lmalar\u0131 do\u011fru bir yakla\u015f\u0131m de\u011fildir, bu i\u015f i\u00e7in CSS daha uygundur.<\/p>\n
Kullan\u0131c\u0131 Etkile\u015fimi ve Formlar: Veri Toplaman\u0131n Temelleri<\/h2>\n
Web siteleri sadece bilgi sunmakla kalmaz, ayn\u0131 zamanda kullan\u0131c\u0131larla etkile\u015fim kurmay\u0131 da ama\u00e7lar. Kullan\u0131c\u0131 etkile\u015fiminin en yayg\u0131n yollar\u0131ndan biri formlard\u0131r. \u0130leti\u015fim formlar\u0131, kay\u0131t sayfalar\u0131, anketler veya arama \u00e7ubuklar\u0131 gibi bir\u00e7ok yerde formlar\u0131 g\u00f6r\u00fcr\u00fcz. HTML formlar\u0131, kullan\u0131c\u0131dan veri toplamak ve bu verileri sunucuya g\u00f6ndermek i\u00e7in kullan\u0131l\u0131r. Bu b\u00f6l\u00fcmde, HTML formlar\u0131n\u0131n temel yap\u0131s\u0131n\u0131 ve yayg\u0131n olarak kullan\u0131lan form elemanlar\u0131n\u0131 inceleyece\u011fiz.<\/p>\n
<form><\/code> Etiketi ve Nitelikleri<\/h3>\nBir HTML formu, <form><\/code> etiketi ile ba\u015flar. Bu etiket, formun t\u00fcm elemanlar\u0131n\u0131 kapsar ve formun nas\u0131l davranaca\u011f\u0131n\u0131 belirleyen iki \u00f6nemli niteli\u011fe sahiptir:<\/p>\n\naction<\/code>: Form verilerinin g\u00f6nderilece\u011fi URL’yi belirtir. Genellikle bir sunucu taraf\u0131 beti\u011fi (script) veya bir API (Application Programming Interface) u\u00e7 noktas\u0131d\u0131r.<\/li>\nmethod<\/code>: Form verilerinin sunucuya nas\u0131l g\u00f6nderilece\u011fini belirtir. En yayg\u0131n de\u011ferler \"GET\"<\/code> ve \"POST\"<\/code>‘tur.\n\n\"GET\"<\/code>: Verileri URL’ye ekleyerek g\u00f6nderir. Genellikle arama formlar\u0131 gibi hassas olmayan veriler i\u00e7in kullan\u0131l\u0131r.<\/li>\n\"POST\"<\/code>: Verileri HTTP iste\u011finin g\u00f6vdesinde (body) g\u00f6nderir. \u015eifreler veya ki\u015fisel bilgiler gibi hassas veriler i\u00e7in daha g\u00fcvenlidir.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<form action=\"\/submit-form\" method=\"POST\">\n <!-- Form elemanlar\u0131 buraya gelecek -->\n<\/form>\n <\/code><\/pre>\n<\/p><\/div>\nGiri\u015f Elemanlar\u0131: <input><\/code> Etiketi<\/h3>\n<input><\/code> etiketi, formlar\u0131n en \u00e7ok y\u00f6nl\u00fc eleman\u0131d\u0131r ve type<\/code> niteli\u011fi sayesinde farkl\u0131 t\u00fcrde kullan\u0131c\u0131 giri\u015fleri alabilir. Kapan\u0131\u015f etiketi gerektirmeyen tekil bir etikettir.<\/p>\n\ntype=\"text\"<\/code>: Tek sat\u0131rl\u0131k metin giri\u015fi i\u00e7in.<\/li>\ntype=\"email\"<\/code>: E-posta adresi giri\u015fi i\u00e7in. Taray\u0131c\u0131lar genellikle ge\u00e7erli bir e-posta format\u0131 bekler.<\/li>\ntype=\"password\"<\/code>: \u015eifre giri\u015fi i\u00e7in. Girilen karakterler gizlenir.<\/li>\ntype=\"submit\"<\/code>: Formu g\u00f6ndermek i\u00e7in bir d\u00fc\u011fme olu\u015fturur.<\/li>\ntype=\"checkbox\"<\/code>: Birden fazla se\u00e7im yap\u0131labilen se\u00e7enekler i\u00e7in.<\/li>\ntype=\"radio\"<\/code>: Yaln\u0131zca bir se\u00e7ene\u011fin se\u00e7ilebildi\u011fi gruplar i\u00e7in. Ayn\u0131 name<\/code> niteli\u011fine sahip radyo d\u00fc\u011fmeleri bir grup olu\u015fturur.<\/li>\ntype=\"number\"<\/code>: Say\u0131 giri\u015fi i\u00e7in.<\/li>\ntype=\"date\"<\/code>: Tarih se\u00e7imi i\u00e7in.<\/li>\n<\/ul>\n\n\n<label for=\"ad\">Ad\u0131n\u0131z:<\/label>\n<input type=\"text\" id=\"ad\" name=\"kullanici_adi\" placeholder=\"Ad\u0131n\u0131z\u0131 girin\"><br><br>\n\n<label for=\"email\">E-posta:<\/label>\n<input type=\"email\" id=\"email\" name=\"kullanici_email\" required><br><br>\n\n<label for=\"sifre\">\u015eifre:<\/label>\n<input type=\"password\" id=\"sifre\" name=\"kullanici_sifre\"><br><br>\n\n<p>Favori Meyveleriniz:<\/p>\n<input type=\"checkbox\" id=\"elma\" name=\"meyve\" value=\"elma\">\n<label for=\"elma\">Elma<\/label><br>\n<input type=\"checkbox\" id=\"muz\" name=\"meyve\" value=\"muz\">\n<label for=\"muz\">Muz<\/label><br><br>\n\n<p>Cinsiyetiniz:<\/p>\n<input type=\"radio\" id=\"erkek\" name=\"cinsiyet\" value=\"erkek\">\n<label for=\"erkek\">Erkek<\/label><br>\n<input type=\"radio\" id=\"kadin\" name=\"cinsiyet\" value=\"kadin\">\n<label for=\"kadin\">Kad\u0131n<\/label><br><br>\n\n<input type=\"submit\" value=\"G\u00f6nder\">\n <\/code><\/pre>\n<\/p><\/div>\nHer <input><\/code> eleman\u0131n\u0131n bir name<\/code> niteli\u011fi olmal\u0131d\u0131r; bu, sunucuya g\u00f6nderilen verilerin hangi alana ait oldu\u011funu belirtir. id<\/code> niteli\u011fi, <label><\/code> etiketiyle ili\u015fkilendirme ve CSS\/JavaScript ile stil veya davran\u0131\u015f ekleme i\u00e7in kullan\u0131l\u0131r. placeholder<\/code> niteli\u011fi, input alan\u0131nda kullan\u0131c\u0131ya ne t\u00fcr bir giri\u015f beklendi\u011fini g\u00f6steren k\u0131sa bir ipucu sunar. required<\/code> niteli\u011fi ise o alan\u0131n doldurulmas\u0131n\u0131n zorunlu oldu\u011funu belirtir.<\/p>\nDi\u011fer Form Elemanlar\u0131: <textarea><\/code> ve <select><\/code><\/h3>\n\n<textarea><\/code>: \u00c7ok sat\u0131rl\u0131 metin giri\u015fi i\u00e7in kullan\u0131l\u0131r (\u00f6rne\u011fin, yorumlar veya mesajlar). rows<\/code> ve cols<\/code> nitelikleri ile varsay\u0131lan boyutlar\u0131 ayarlanabilir.<\/li>\n<select><\/code>: Bir a\u00e7\u0131l\u0131r men\u00fc (dropdown list) olu\u015fturur ve kullan\u0131c\u0131n\u0131n \u00f6nceden tan\u0131mlanm\u0131\u015f se\u00e7enekler aras\u0131ndan se\u00e7im yapmas\u0131n\u0131 sa\u011flar. Her bir se\u00e7ene\u011fi <option><\/code> etiketi ile tan\u0131mlan\u0131r. value<\/code> niteli\u011fi, se\u00e7ilen se\u00e7ene\u011fin sunucuya g\u00f6nderilecek de\u011ferini tutar.<\/li>\n<\/ul>\n\n\n<label for=\"mesaj\">Mesaj\u0131n\u0131z:<\/label><br>\n<textarea id=\"mesaj\" name=\"kullanici_mesaj\" rows=\"5\" cols=\"30\"><\/textarea><br><br>\n\n<label for=\"sehir\">\u015eehir Se\u00e7in:<\/label>\n<select id=\"sehir\" name=\"kullanici_sehir\">\n <option value=\"istanbul\">\u0130stanbul<\/option>\n <option value=\"ankara\">Ankara<\/option>\n <option value=\"izmir\">\u0130zmir<\/option>\n<\/select><br><br>\n <\/code><\/pre>\n<\/p><\/div>\n<label><\/code> Etiketi: Eri\u015filebilirlik \u0130\u00e7in Kritik<\/h3>\nHer form eleman\u0131 i\u00e7in bir <label><\/code> etiketi kullanmak, eri\u015filebilirlik a\u00e7\u0131s\u0131ndan hayati \u00f6neme sahiptir. <label><\/code> etiketi, for<\/code> niteli\u011fi ile ilgili form eleman\u0131n\u0131n id<\/code>‘sini e\u015fle\u015ftirerek, ekran okuyucular\u0131n ve klavye kullananlar\u0131n formlar\u0131 daha kolay anlamas\u0131na ve gezinmesine yard\u0131mc\u0131 olur. Ayr\u0131ca, etiket metnine t\u0131kland\u0131\u011f\u0131nda ilgili form eleman\u0131na odaklan\u0131lmas\u0131n\u0131 sa\u011flar, bu da kullan\u0131c\u0131 deneyimini iyile\u015ftirir.<\/p>\nFormlar, web sitelerinin kullan\u0131c\u0131larla etkile\u015fim kurdu\u011fu ana mekanizmalardan biridir. Bir e-ticaret sitesindeki sipari\u015f formu, bir blogdaki yorum b\u00f6l\u00fcm\u00fc veya bir haber sitesindeki abone olma formu, kullan\u0131c\u0131dan veri toplamak i\u00e7in bu temel HTML elemanlar\u0131n\u0131 kullan\u0131r. Formlar\u0131n do\u011fru ve eri\u015filebilir bir \u015fekilde tasarlanmas\u0131, kullan\u0131c\u0131 memnuniyetini ve veri toplama ba\u015far\u0131s\u0131n\u0131 do\u011frudan etkiler.<\/p>\n
HTML \u00d6\u011frenme Yolculu\u011funuz: \u0130pu\u00e7lar\u0131 ve Sonraki Ad\u0131mlar<\/h2>\n
Tebrikler! HTML’in temellerini ba\u015far\u0131yla \u00f6\u011frendiniz ve web geli\u015ftirme yolculu\u011funuzun ilk ve en \u00f6nemli ad\u0131m\u0131n\u0131 att\u0131n\u0131z. Bu makalede, HTML’in ne oldu\u011funu, bir web sayfas\u0131n\u0131n temel yap\u0131s\u0131n\u0131, metinleri, ba\u011flant\u0131lar\u0131, g\u00f6rselleri, listeleri, semantik etiketleri ve formlar\u0131 nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131 ke\u015ffettiniz. Art\u0131k kendi temel web sayfalar\u0131n\u0131z\u0131 olu\u015fturabilecek bilgiye sahipsiniz. Ancak bu, sadece ba\u015flang\u0131\u00e7. Web geli\u015ftirme d\u00fcnyas\u0131 s\u00fcrekli geli\u015fen ve \u00f6\u011frenilecek sonsuz bilgi i\u00e7eren dinamik bir aland\u0131r. \u0130\u015fte HTML bilginizi peki\u015ftirmek ve sonraki ad\u0131mlar\u0131n\u0131z\u0131 planlamak i\u00e7in baz\u0131 ipu\u00e7lar\u0131 ve s\u0131k\u00e7a sorulan sorular\u0131n yan\u0131tlar\u0131:<\/p>\n
HTML Bilginizi Bir Sonraki Seviyeye Ta\u015f\u0131y\u0131n<\/h3>\n\n- Kodunuzu Do\u011frulay\u0131n (Validate Edin):<\/strong> Yazd\u0131\u011f\u0131n\u0131z HTML kodunun standartlara uygun olup olmad\u0131\u011f\u0131n\u0131 kontrol etmek i\u00e7in W3C Markup Validation Service gibi ara\u00e7lar\u0131 kullan\u0131n. Bu, taray\u0131c\u0131 uyumlulu\u011fu sorunlar\u0131n\u0131 \u00f6nlemenize ve daha temiz kod yazman\u0131za yard\u0131mc\u0131 olur.<\/li>\n
- Eri\u015filebilirli\u011fe \u00d6nem Verin:<\/strong> Web sitenizin herkes taraf\u0131ndan kullan\u0131labilir olmas\u0131n\u0131 sa\u011flamak i\u00e7in eri\u015filebilirlik (accessibility) ilkelerini uygulay\u0131n.
alt<\/code> nitelikleri, semantik etiketler ve do\u011fru form etiketlemeleri gibi konulara dikkat edin.<\/li>\n- SEO Dostu HTML Yaz\u0131n:<\/strong> Arama motorlar\u0131n\u0131n i\u00e7eri\u011finizi daha iyi anlamas\u0131 i\u00e7in semantik etiketleri do\u011fru kullan\u0131n, ba\u015fl\u0131k hiyerar\u015fisine dikkat edin ve g\u00f6rseller i\u00e7in anlaml\u0131
alt<\/code> metinleri sa\u011flay\u0131n. HTML, SEO’nun temelidir.<\/li>\n- Taray\u0131c\u0131 Uyumlulu\u011funu Test Edin:<\/strong> Web sitenizin farkl\u0131 taray\u0131c\u0131larda (Chrome, Firefox, Safari, Edge) ve farkl\u0131 cihazlarda (masa\u00fcst\u00fc, tablet, mobil) d\u00fczg\u00fcn g\u00f6r\u00fcnd\u00fc\u011f\u00fcnden emin olun.<\/li>\n
- Pratik Yapmaya Devam Edin:<\/strong> En iyi \u00f6\u011frenme yolu, s\u00fcrekli pratik yapmakt\u0131r. K\u00fc\u00e7\u00fck projeler olu\u015fturun, sevdi\u011finiz web sitelerini yeniden yapmaya \u00e7al\u0131\u015f\u0131n veya \u00f6\u011frendi\u011finiz etiketleri farkl\u0131 senaryolarda kullan\u0131n.<\/li>\n<\/ul>\n
HTML, bir web sitesinin iskeletidir. Ancak bu iskeleti giydirmek ve ona i\u015flevsellik kazand\u0131rmak i\u00e7in ba\u015fka teknolojilere ihtiyac\u0131n\u0131z olacak. \u0130\u015fte bir sonraki ad\u0131mlar\u0131n\u0131z:<\/p>\n
\n- CSS (Cascading Style Sheets):<\/strong> Web sayfalar\u0131n\u0131z\u0131n g\u00f6rsel stilini (renkler, fontlar, d\u00fczen, animasyonlar) tan\u0131mlamak i\u00e7in kullan\u0131l\u0131r. HTML i\u00e7eri\u011finizi yap\u0131land\u0131r\u0131rken, CSS onu g\u00fczelle\u015ftirir.<\/li>\n
- JavaScript:<\/strong> Web sayfalar\u0131n\u0131za interaktif (etkile\u015fimli) \u00f6zellikler eklemek i\u00e7in kullan\u0131l\u0131r. Kullan\u0131c\u0131 eylemlerine yan\u0131t veren d\u00fc\u011fmeler, dinamik i\u00e7erik y\u00fcklemeleri, animasyonlar ve \u00e7ok daha fazlas\u0131 JavaScript ile yap\u0131l\u0131r.<\/li>\n<\/ul>\n
Bu \u00fc\u00e7 teknoloji (HTML, CSS, JavaScript) modern web geli\u015ftirmenin temelini olu\u015fturur ve genellikle “frontend” (\u00f6n y\u00fcz) geli\u015ftirme olarak adland\u0131r\u0131l\u0131r. HTML ile sa\u011flam bir temel att\u0131ktan sonra, CSS ve JavaScript’e ge\u00e7i\u015f yaparak tam anlam\u0131yla dinamik ve g\u00f6rsel olarak \u00e7ekici web siteleri olu\u015fturabilirsiniz.<\/p>\n
S\u0131k\u00e7a Sorulan Sorular (SSS)<\/h3>\n\n- HTML bir programlama dili midir?<\/dt>\n
- Hay\u0131r, HTML bir i\u015faretleme dilidir (markup language). Programlama dilleri mant\u0131ksal i\u015flemler, algoritmalar ve ko\u015fullu ifadeler i\u00e7erirken, HTML sadece i\u00e7eri\u011fin yap\u0131s\u0131n\u0131 ve anlam\u0131n\u0131 tan\u0131mlar.<\/dd>\n
- HTML \u00f6\u011frenmek ne kadar s\u00fcrer?<\/dt>\n
- HTML’in temel etiketlerini ve yap\u0131s\u0131n\u0131 birka\u00e7 g\u00fcnde veya haftada \u00f6\u011frenebilirsiniz. Ancak, ileri d\u00fczey konular\u0131 anlamak, en iyi uygulamalar\u0131 benimsemek ve web geli\u015ftirme projelerinde ustala\u015fmak y\u0131llar alabilir. \u00d6nemli olan s\u00fcrekli \u00f6\u011frenmeye ve pratik yapmaya devam etmektir.<\/dd>\n
- HTML kodunu nerede yazabilirim?<\/dt>\n
- HTML kodunu herhangi bir metin d\u00fczenleyicide (\u00f6rne\u011fin: Not Defteri, Sublime Text, VS Code) yazabilirsiniz. VS Code gibi modern kod d\u00fczenleyicileri, otomatik tamamlama ve renklendirme gibi \u00f6zelliklerle geli\u015ftirme s\u00fcrecini kolayla\u015ft\u0131r\u0131r.<\/dd>\n
- HTML \u00f6\u011frenmenin ilk ad\u0131m\u0131 ne olmal\u0131?<\/dt>\n
- \u0130lk ad\u0131m, bir HTML belgesinin temel yap\u0131s\u0131n\u0131 (
<!DOCTYPE html><\/code>, <html><\/code>, <head><\/code>, <body><\/code>) ve en yayg\u0131n kullan\u0131lan metin etiketlerini (<h2><\/code>, <p><\/code>) anlamak ve bunlarla basit bir sayfa olu\u015fturmakt\u0131r.<\/dd>\n- HTML’den sonra ne \u00f6\u011frenmeliyim?<\/dt>\n
- HTML’den sonra, web sayfalar\u0131n\u0131za g\u00f6rsel stil ve d\u00fczen kazand\u0131rmak i\u00e7in CSS’i (Cascading Style Sheets) \u00f6\u011frenmelisiniz. Ard\u0131ndan, sayfalar\u0131n\u0131za etkile\u015fim ve dinamik \u00f6zellikler eklemek i\u00e7in JavaScript’e ge\u00e7i\u015f yapman\u0131z \u00f6nerilir.<\/dd>\n<\/dl>\n
Bu makale ile HTML’in temel ta\u015flar\u0131n\u0131 d\u00f6\u015fediniz. Unutmay\u0131n, her b\u00fcy\u00fck web sitesi, basit HTML kodlar\u0131yla ba\u015flar. \u00d6\u011frenme yolculu\u011funuzda sab\u0131rl\u0131 olun, bolca pratik yap\u0131n ve web’in sonsuz olanaklar\u0131n\u0131 ke\u015ffetmeye devam edin. Ba\u015far\u0131lar dileriz!<\/p>\n
#HTML #WebGeli\u015ftirme #Frontend #Kodlama #WebTasar\u0131m\u0131<\/p>\n