{"id":401,"date":"2018-10-18T15:07:41","date_gmt":"2018-10-18T15:07:41","guid":{"rendered":"https:\/\/www.ehaliyle.com\/?p=401"},"modified":"2018-10-18T15:07:41","modified_gmt":"2018-10-18T15:07:41","slug":"yeni-baslayanlar-icin-en-basit-haliyle-html-nedir-en-temel-html-etiketleri","status":"publish","type":"post","link":"https:\/\/ehaliyle.com\/en\/makale\/yeni-baslayanlar-icin-en-basit-haliyle-html-nedir-en-temel-html-etiketleri\/","title":{"rendered":"Yeni Ba\u015flayanlar \u0130\u00e7in En Basit Haliyle HTML Nedir?- En Temel HTML Etiketleri"},"content":{"rendered":"<p class=\"p1\"><strong><span class=\"s1\">Yeni Ba\u015flayanlar \u0130\u00e7in HTML<\/span><\/strong><\/p>\n<p class=\"p1\"><strong><span class=\"s1\">HTML Nedir? <\/span><\/strong><\/p>\n<p class=\"p3\"><span class=\"s1\">Html web sayfalar\u0131 olu\u015fturulurken kullan\u0131lan i\u015faretleme dilidir. S\u0131kl\u0131kla kulland\u0131\u011f\u0131m\u0131z web taray\u0131c\u0131lar\u0131 (Internet Explorer,<span class=\"Apple-converted-space\">\u00a0 <\/span>Google Chrome, Firefox vs.) bu kodlar\u0131 alg\u0131layarak, web sayfalar\u0131ndaki o g\u00f6rsel haline d\u00f6n\u00fc\u015ft\u00fcr\u00fcrler. Html\u2019i programlama dili olarak d\u00fc\u015f\u00fcnmek katiyetle yanl\u0131\u015ft\u0131r, \u00e7\u00fcnk\u00fc bir programlama dili de\u011fildir.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-408\" src=\"https:\/\/www.ehaliyle.com\/wp-content\/uploads\/2018\/10\/HTML-ve-CSS-Ogrendigimi-Nasil-Anlayacagim-730x390.jpg\" alt=\"\" width=\"730\" height=\"390\" srcset=\"https:\/\/ehaliyle.com\/wp-content\/uploads\/2018\/10\/HTML-ve-CSS-Ogrendigimi-Nasil-Anlayacagim-730x390.jpg 730w, https:\/\/ehaliyle.com\/wp-content\/uploads\/2018\/10\/HTML-ve-CSS-Ogrendigimi-Nasil-Anlayacagim-730x390-300x160.jpg 300w, https:\/\/ehaliyle.com\/wp-content\/uploads\/2018\/10\/HTML-ve-CSS-Ogrendigimi-Nasil-Anlayacagim-730x390-696x372.jpg 696w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/p>\n<p class=\"p4\"><span class=\"s2\">Bu kodlama dili temel haliyle;<\/span><\/p>\n<ul class=\"ul1\">\n<li class=\"li5\"><span class=\"s4\"> yaz\u0131lar, g\u00f6rseller ve video \u00f6\u011felerini sayfa i\u00e7ersinde yerle\u015ftirme ve konumland\u0131rabilme,<\/span><\/li>\n<li class=\"li5\"><span class=\"s4\"> olu\u015fturulan sayfalar\u0131n taray\u0131c\u0131larda d\u00fczg\u00fcn \u015fekilde g\u00f6r\u00fcnt\u00fclenebilmesi,<\/span><\/li>\n<li class=\"li5\"><span class=\"s4\"> arama motorlar\u0131na(Google, Yandex vs.) sayfalar hakk\u0131nda bilgi vermek<\/span><\/li>\n<\/ul>\n<p class=\"p4\"><span class=\"s1\">gibi ba\u015fl\u0131ca i\u015flemleri ger\u00e7ekle\u015ftirebilmektedir.<\/span><\/p>\n<p class=\"p3\"><span class=\"s1\">Html kullanarak web sayfas\u0131 yapabilmek i\u00e7in bilgisayar\u0131n\u0131za herhangi bir uygulama, program y\u00fcklemenize hacet yoktur. Not defterinde, office word<span class=\"Apple-converted-space\">\u00a0 <\/span>veya wordpad<span class=\"Apple-converted-space\">\u00a0 <\/span>gibi herhangi bir metin edit\u00f6r\u00fcnde<span class=\"Apple-converted-space\">\u00a0 <\/span>html sayfalar\u0131 olu\u015fturabilirsiniz. Na\u00e7izane tavsiye i\u015fi kolayla\u015ft\u0131rmak istiyorsan\u0131z; Atom, Dreamweaver, Notepad++ veya Sublime Text gibi programlar\u0131 kullanabilirsiniz. Bu programlar\u0131 kullanman\u0131z ve elinizi al\u0131\u015ft\u0131rman\u0131z kod yaz\u0131m s\u00fcrecinizi kat kat h\u0131zland\u0131racakt\u0131r. <\/span><\/p>\n<p class=\"p3\"><span class=\"s1\">Metin edit\u00f6r\u00fcnde ya da program\u0131n\u0131zda haz\u0131rlad\u0131\u011f\u0131n\u0131z html kod sayfan\u0131z\u0131\u00a0<b>html, htm, xhtml<\/b>\u00a0gibi uzant\u0131larla kaydetmelisiniz. Taray\u0131c\u0131lar\u0131n anlayabilmesi i\u00e7in.<\/span><\/p>\n<p class=\"p3\"><span class=\"s1\">Siz de kulland\u0131\u011f\u0131n\u0131z program\u0131 yahut not defterinizi a\u00e7\u0131p a\u015fa\u011f\u0131daki kodlar\u0131 yazabilirsiniz.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-402\" src=\"https:\/\/www.ehaliyle.com\/wp-content\/uploads\/2018\/10\/Ekran-Resmi-2018-10-18-17.52.18.png\" alt=\"\" width=\"639\" height=\"190\" srcset=\"https:\/\/ehaliyle.com\/wp-content\/uploads\/2018\/10\/Ekran-Resmi-2018-10-18-17.52.18.png 639w, https:\/\/ehaliyle.com\/wp-content\/uploads\/2018\/10\/Ekran-Resmi-2018-10-18-17.52.18-300x89.png 300w\" sizes=\"auto, (max-width: 639px) 100vw, 639px\" \/><\/p>\n<p class=\"p3\"><span class=\"s1\">Dosya\u2019y\u0131 kaydet tu\u015funa bast\u0131ktan sonra, kaydetmi\u015f oldu\u011funuz klas\u00f6re gidip .html uzant\u0131l\u0131 dosyan\u0131za t\u0131klay\u0131n.<\/span><\/p>\n<p class=\"p3\"><span class=\"s1\">Yazd\u0131\u011f\u0131n\u0131z kod sayfas\u0131 varsay\u0131lan web taray\u0131c\u0131n\u0131z ile \u00e7al\u0131\u015f\u0131r ve b\u00f6ylelikle ilk web sayfan\u0131z\u0131 kar\u015f\u0131n\u0131zda g\u00f6receksiniz. <\/span><\/p>\n<p class=\"p4\"><span class=\"s1\"><b>HTML ile<span class=\"Apple-converted-space\">\u00a0 <\/span>Kod Yazarken Mutlaka Dikkat Edilmesi Gerekenler<\/b><\/span><\/p>\n<ul class=\"ul1\">\n<li class=\"li5\"><span class=\"s4\">B\u00fcy\u00fckt\u00fcr &lt;\u2026&gt;i\u015fareti i\u00e7erisine yaz\u0131lan kodlara \u2018tag\u2019 (<i>etiket<\/i>) ad\u0131 verilir. \u00d6rne\u011fin; &lt;html&gt; &lt;title&gt; &lt;head&gt; &lt;body&gt; vs.<\/span><\/li>\n<li class=\"li5\"><span class=\"s4\">Etiketler &lt;..&gt; \u015feklinde a\u00e7\u0131l\u0131r ve etiketi kapatmak i\u00e7in kesme \/ i\u015fareti kullan\u0131l\u0131r &lt;\/..&gt; bu \u015fekilde.<\/span><\/li>\n<li class=\"li5\"><span class=\"s4\">Html kodlar\u0131 yaz\u0131l\u0131rken T\u00fcrk\u00e7e karakterler kullan\u0131lmaz. \u015eayet yazarsan\u0131z web taray\u0131c\u0131lar\u0131 hata verir.<\/span><\/li>\n<li class=\"li5\"><span class=\"s4\">Etiketler b\u00fcy\u00fck ya da k\u00fc\u00e7\u00fck harfle yaz\u0131l\u0131r. Ancak genel kabul k\u00fc\u00e7\u00fck harf kullan\u0131m\u0131d\u0131r.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-403\" src=\"https:\/\/www.ehaliyle.com\/wp-content\/uploads\/2018\/10\/html-fto.jpg\" alt=\"\" width=\"750\" height=\"422\" srcset=\"https:\/\/ehaliyle.com\/wp-content\/uploads\/2018\/10\/html-fto.jpg 750w, https:\/\/ehaliyle.com\/wp-content\/uploads\/2018\/10\/html-fto-300x169.jpg 300w, https:\/\/ehaliyle.com\/wp-content\/uploads\/2018\/10\/html-fto-696x392.jpg 696w, https:\/\/ehaliyle.com\/wp-content\/uploads\/2018\/10\/html-fto-746x420.jpg 746w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/p>\n<p class=\"p12\"><span class=\"s1\"><b>En Temel HTML Etiketleri <\/b><\/span><\/p>\n<p class=\"p3\"><span class=\"s1\">Yukar\u0131daki i\u015flemlerde bir \u00e7ok tag kulland\u0131k ve bunlar\u0131n ne anlama geldi\u011fini k\u0131saca \u015fu \u015fekilde a\u00e7\u0131klayabiliriz:<\/span><\/p>\n<p class=\"p3\"><span class=\"s1\"><b>Html:<\/b>\u00a0Bu etiket di\u011fer t\u00fcm etiketlerin en d\u0131\u015f\u0131nda(kapsayacak \u015fekilde)dir. Yani kodlama yap\u0131laca\u011f\u0131n\u0131 belirten ve sayfan\u0131n ba\u015f\u0131nda a\u00e7\u0131l\u0131p sonunda kapat\u0131lan bir etikettir.<\/span><\/p>\n<p class=\"p13\"><span class=\"s1\">&lt;html&gt;.\u2026.<\/span><\/p>\n<p class=\"p13\"><span class=\"s1\"><span class=\"Apple-converted-space\">\u00a0\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>\u2026\u2026<\/span><\/p>\n<p class=\"p13\"><span class=\"s1\"><span class=\"Apple-converted-space\">\u00a0\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>\u2026\u2026<\/span><\/p>\n<p class=\"p13\"><span class=\"s1\">&lt;\/html&gt;<\/span><\/p>\n<p class=\"p3\"><span class=\"s1\"><b>Head:<\/b>\u00a0Haz\u0131rlad\u0131\u011f\u0131m\u0131z sayfan\u0131n ad\u0131d\u0131r diyebiliriz. Bu kodlar web sayfas\u0131nda g\u00f6r\u00fcnt\u00fclenmezler , sekme ad\u0131nda g\u00f6rebilmeniz m\u00fcmk\u00fcn. <\/span><\/p>\n<p class=\"p3\"><span class=\"s1\">Head etiketinin i\u00e7erisinde &lt;title&gt; etiketi kullan\u0131l\u0131r. Ve Title da web sayfas\u0131n\u0131n ba\u015fl\u0131\u011f\u0131<span class=\"Apple-converted-space\">\u00a0 <\/span>yani o sekmede g\u00f6rd\u00fc\u011f\u00fcn\u00fcz, g\u00f6rmek istedi\u011finiz<span class=\"Apple-converted-space\">\u00a0 <\/span>add\u0131r. Birlikte yapt\u0131\u011f\u0131m\u0131z sayfan\u0131z\u0131n web \u00fcst sekmesinde \u2018Merhabalar\u2019 yaz\u0131s\u0131n\u0131 g\u00f6rebilirsiniz.<\/span><\/p>\n<p class=\"p3\"><span class=\"s1\"><b>Body:<\/b>\u00a0Bu etiket ziyaret\u00e7inin g\u00f6rece\u011fi yani sayfan\u0131n t\u00fcm i\u00e7eri\u011finin bulundu\u011fu k\u0131s\u0131md\u0131r. Kullan\u0131laca\u011f\u0131n\u0131z etiketlerin bir \u00e7o\u011funu bu body etiketinin i\u00e7erisinde yazacaks\u0131n\u0131z.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yeni Ba\u015flayanlar \u0130\u00e7in HTML HTML Nedir? Html web sayfalar\u0131 olu\u015fturulurken kullan\u0131lan i\u015faretleme dilidir. S\u0131kl\u0131kla kulland\u0131\u011f\u0131m\u0131z web taray\u0131c\u0131lar\u0131 (Internet Explorer,\u00a0 Google Chrome, Firefox vs.) bu kodlar\u0131 alg\u0131layarak, web sayfalar\u0131ndaki o g\u00f6rsel haline d\u00f6n\u00fc\u015ft\u00fcr\u00fcrler. Html\u2019i programlama dili olarak d\u00fc\u015f\u00fcnmek katiyetle yanl\u0131\u015ft\u0131r, \u00e7\u00fcnk\u00fc bir programlama dili de\u011fildir. Bu kodlama dili temel haliyle; yaz\u0131lar, g\u00f6rseller ve video \u00f6\u011felerini sayfa [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":407,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[75,70,9,72,74,68,69,73,71],"class_list":["post-401","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bilim","tag-body","tag-code","tag-ehaliyle","tag-etiket","tag-head","tag-html","tag-internet","tag-tag","tag-xhtml"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ehaliyle.com\/en\/wp-json\/wp\/v2\/posts\/401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ehaliyle.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ehaliyle.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ehaliyle.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ehaliyle.com\/en\/wp-json\/wp\/v2\/comments?post=401"}],"version-history":[{"count":0,"href":"https:\/\/ehaliyle.com\/en\/wp-json\/wp\/v2\/posts\/401\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ehaliyle.com\/en\/wp-json\/wp\/v2\/media\/407"}],"wp:attachment":[{"href":"https:\/\/ehaliyle.com\/en\/wp-json\/wp\/v2\/media?parent=401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ehaliyle.com\/en\/wp-json\/wp\/v2\/categories?post=401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ehaliyle.com\/en\/wp-json\/wp\/v2\/tags?post=401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}