{"id":72,"date":"2018-02-26T03:07:24","date_gmt":"2018-02-26T00:07:24","guid":{"rendered":"https:\/\/sitecenneti.com\/blog-cenneti\/?p=72"},"modified":"2019-03-22T02:34:55","modified_gmt":"2019-03-21T23:34:55","slug":"1-1-html-nedir-nerede-kullanilir","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/blog-cenneti\/html\/1-1-html-nedir-nerede-kullanilir\/","title":{"rendered":"1-1 HTML Nedir? Nerede Kullan\u0131l\u0131r?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">HTML \u00d6\u011frenmek \u0130\u00e7in Neler Bilmeyliyim?<\/h2>\n\n\n\n<p>Herhangi bir kod bilgisine gerek yoktur. HTML, web tasar\u0131m\u0131n\u0131n en temel dili oldu\u011fu i\u00e7in bir \u00f6n bilgi gerektirmez. Fakat, bilgisayarda, dosya ve klas\u00f6r olu\u015fturma ve d\u00fczenleme, bir web taray\u0131c\u0131s\u0131n\u0131 kullanabilme gibi temel bilgileri bilmemiz gereklidir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Nedir?<\/h2>\n\n\n\n<p>HTML, web sayfalar\u0131n\u0131 olu\u015fturmak i\u00e7in kullan\u0131lan standart bir bi\u00e7imlendirme dilidir.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>HTML, &#8220;<em>Hyper Text Markup Language<\/em>&#8221; ifadesinin k\u0131saltmas\u0131d\u0131r. Kabaca &#8220;geli\u015fmi\u015f metin bi\u00e7imlendirme dili&#8221; de denebilir.<\/li><li>Web sitelerinin, sayfa i\u00e7eriklerini bi\u00e7imlendirmek i\u00e7in kullan\u0131lan temel dildir.<\/li><li>Bir web sayfas\u0131, bir \u00e7ok HTML eleman\u0131n\u0131n bir araya gelmesiyle olu\u015fur.<\/li><li>HTML elemanlar\u0131, HTML diline \u00f6zel taglar (etiketler) vas\u0131tas\u0131yla olu\u015fturulur.<\/li><li>HTML etiketleri, bir web sayfas\u0131ndaki i\u00e7erikleri, &#8220;ba\u015fl\u0131k&#8221;, &#8220;paragraf&#8221;, &#8220;tablo&#8221; gibi fakl\u0131 \u015fekillerde d\u00fczenlememizi sa\u011flar.<\/li><li>Web taray\u0131c\u0131lar, HTML etiketlerini g\u00f6stermezler, sayfa i\u00e7eriklerini bu etiketlere g\u00f6re sunarlar.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Basit Bir HTML D\u00f6k\u00fcman\u0131<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html> \n&lt;html> \n&lt;head> \n &lt;title> Web Sayfas\u0131n\u0131n Ba\u015fl\u0131\u011f\u0131 &lt;\/title> \n&lt;\/head> \n&lt;body>   \n &lt;h1> YAZININ BA\u015eLI\u011eI &lt;\/h1> \n &lt;p> Paragraf paragraf. &lt;\/p>   \n&lt;\/body> \n&lt;\/html><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Bu d\u00f6k\u00fcmandaki HTML kodlar\u0131n\u0131n a\u00e7\u0131klamas\u0131:<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html><\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki ifade, bu d\u00f6k\u00fcman\u0131n bir HTML5 d\u00f6k\u00fcman\u0131 oldu\u011funu belirtir.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;html><\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki ifade, bir HTML sayfas\u0131n\u0131n en temel eleman\u0131d\u0131r.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head><\/code><\/pre>\n\n\n\n<p>Bu eleman, HTML d\u00f6k\u00fcman\u0131 ile ilgili meta bilgilerini i\u00e7eren elemand\u0131r.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;title><\/code><\/pre>\n\n\n\n<p>D\u00f6k\u00fcman\u0131n bir ba\u015fl\u0131k vermek i\u00e7in bu eleman kullan\u0131l\u0131r.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body><\/code><\/pre>\n\n\n\n<p>Bu eleman, HTML sayfam\u0131z\u0131n g\u00f6r\u00fcnen i\u00e7eriklerini bar\u0131nd\u0131ran elemand\u0131r. Web sayfam\u0131zda yay\u0131nlamak istedi\u011fimiz i\u00e7erikleri bu eleman\u0131n i\u00e7ine yerle\u015ftiririz.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h1><\/code><\/pre>\n\n\n\n<p>B\u00fcy\u00fck puntolu bir ba\u015fl\u0131k yazmak i\u00e7in bu eleman\u0131 kullan\u0131r\u0131z.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p><\/code><\/pre>\n\n\n\n<p>Bir paragraf yazmak i\u00e7in bu eleman\u0131 kullan\u0131r\u0131z.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Etiketleri (HTML Tag)<\/h2>\n\n\n\n<p>HTML etiketleri, k\u00f6\u015feli parantezler i\u00e7ine al\u0131nm\u0131\u015f HTML elamanlar\u0131d\u0131r:<\/p>\n\n\n\n<p><strong>&lt;etiketadi><\/strong> \u0130\u00e7erik burada olur&#8230; <strong>&lt;\/etiketadi><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>HTML etiketleri, genellikle &lt;etiketadi> ve &lt;\/etiketadi> \u015feklindeki \u00e7iftlerden olu\u015fur.<\/li><li>Bu \u00e7iftlerin ilkine <strong>ba\u015flang\u0131\u00e7 etiketi<\/strong> di\u011ferine ise <strong>biti\u015f etiketi <\/strong>denir.<\/li><li>Biti\u015f etiketinin ba\u015flang\u0131\u00e7 etiketinden tek fark\u0131, ad\u0131n\u0131n \u00f6n\u00fcnde bir taksim (\/) i\u015fareti i\u00e7ermesidir.<\/li><\/ul>\n\n\n\n<p class=\"sc-uyari-yazisi\">Ba\u015flang\u0131\u00e7 etiketine ayn\u0131 zamanda <strong>a\u00e7ma etiketi<\/strong>, biti\u015f etiketine de ayn\u0131 zamanda <strong>kapama etiketi<\/strong> denir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Web Taray\u0131c\u0131lar (\u0130nternet Taray\u0131c\u0131lar)<\/h3>\n\n\n\n<p>Web taray\u0131c\u0131lar\u0131n amac\u0131 HTML d\u00f6k\u00fcmanlar\u0131n\u0131 okumak ve bizlere g\u00f6stermektir. <\/p>\n\n\n\n<p>En yayg\u0131n kullan\u0131lan web taray\u0131c\u0131lar \u015funlard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Chrome<\/li><li>Internet Explorer (art\u0131k g\u00fcncellenmiyor)<\/li><li>Microsoft Edge<\/li><li>Firefox<\/li><li>Safari<\/li><\/ul>\n\n\n\n<p>Web taray\u0131c\u0131lar, HTML etiktlerini g\u00f6stermezler, i\u00e7erikleri bu etiketlerin anlamlar\u0131na g\u00f6re bi\u00e7imlendirirler ve bize o \u015fekilde g\u00f6sterirler.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bir HTML Dosyas\u0131 Nedir?<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Bir HTML dosyas\u0131; text (d\u00fcz metin), JavaScript, CSS ve HTML kodlar\u0131 i\u00e7erebilir.<\/li><li>Web taray\u0131c\u0131lar taraf\u0131ndan yorumlan\u0131r. (Internet Explorer, Firefox, Chrome, Safari, Microsoft Edge gibi&#8230;)<\/li><li>Microsoft&#8217;un &#8220;Not Defteri&#8221; uygulamas\u0131 ile bile bir HTML sayfas\u0131 olu\u015fturulabilir. Fakat hi\u00e7 tavsiye edilmez, \u00e7\u00fcnk\u00fc, HTML veya di\u011fer dillerde kod yazmak i\u00e7in \u00fccretsiz ve geli\u015fmi\u015f bir \u00e7ok kod edit\u00f6r\u00fc vard\u0131r. (Tavsiyem Notepad++)<\/li><li>HTML dosyalar\u0131 &#8220;.html&#8221; veya &#8220;.htm&#8221; uzant\u0131s\u0131 ile biter.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Sonu\u00e7<\/h3>\n\n\n\n<p>HTML, web sayfas\u0131 olu\u015fturman\u0131n ilk ve en kolay ad\u0131m\u0131d\u0131r. Web tasar\u0131m\u0131 \u00f6\u011frenmek i\u00e7in ba\u015flanmas\u0131 gereken yer tam olarak HTML&#8217;dir.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bu yaz\u0131da, HTML dilinin ne oldu\u011fu, HTML \u00f6\u011frenmek i\u00e7in neleri bilmek gerekti\u011fi, nerelerde kullan\u0131ld\u0131\u011f\u0131, bir HTML sayfas\u0131n\u0131n ne oldu\u011fu a\u00e7\u0131klanm\u0131\u015f ve basit bir HTML sayfas\u0131 \u00f6rne\u011fi verilmi\u015ftir.<\/p>\n","protected":false},"author":1,"featured_media":100,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[13,14,16,15],"class_list":["post-72","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","tag-html","tag-html-nedir","tag-html-nerelerde-kullanilir","tag-html-ogrenmek-icin-neler-bilmeyliyim"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/blog-cenneti\/wp-json\/wp\/v2\/posts\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitecenneti.com\/blog-cenneti\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sitecenneti.com\/blog-cenneti\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/blog-cenneti\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/blog-cenneti\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/blog-cenneti\/wp-json\/wp\/v2\/posts\/72\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/blog-cenneti\/wp-json\/wp\/v2\/media\/100"}],"wp:attachment":[{"href":"https:\/\/sitecenneti.com\/blog-cenneti\/wp-json\/wp\/v2\/media?parent=72"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/blog-cenneti\/wp-json\/wp\/v2\/categories?post=72"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/blog-cenneti\/wp-json\/wp\/v2\/tags?post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}