{"id":761,"date":"2021-10-06T15:34:26","date_gmt":"2021-10-06T12:34:26","guid":{"rendered":"https:\/\/www.cenuta.com\/blog\/?p=761"},"modified":"2021-10-06T15:34:28","modified_gmt":"2021-10-06T12:34:28","slug":"html-ne-demek-ve-html-acilimi-nedir-html-ne-ise-yarar-ve-ornek-html-kodlari","status":"publish","type":"post","link":"https:\/\/www.cenuta.com\/blog\/html-ne-demek-ve-html-acilimi-nedir-html-ne-ise-yarar-ve-ornek-html-kodlari\/","title":{"rendered":"HTML ne demek ve HTML a\u00e7\u0131l\u0131m\u0131 nedir? HTML ne i\u015fe yarar ve \u00f6rnek HTML kodlar\u0131"},"content":{"rendered":"\n

Web sayfalar\u0131n\u0131 olu\u015fturmak i\u00e7in kullan\u0131lan html<\/strong> bir metin i\u015faretleme dilidir. Her web sitesinin en temel yap\u0131 ta\u015f\u0131 olan Html bir programlama dili olarak tan\u0131mlanamaz. A\u00e7\u0131l\u0131m\u0131 ‘Hyper Text Markup Language’ t\u00fcrk\u00e7e kar\u015f\u0131l\u0131\u011f\u0131 ise ‘Standart metin \u0130\u015faretleme Dili’dir. Html belgeleri .html<\/strong> ve .htm <\/strong>ile biten dosyalard\u0131r. Html dosyalar\u0131n\u0131 chrome, yandex, opera gibi web taray\u0131c\u0131lar\u0131n\u0131n g\u00f6r\u00fcnt\u00fcleyebildi\u011fi bir dildir.<\/p>\n\n\n\n

Html Ne \u0130\u015fe Yarar?<\/strong><\/p>\n\n\n\n

Html<\/strong> ile metin, medya i\u00e7erikleri, tablo olu\u015fturma, form olu\u015fturma, link olu\u015fturma, al\u0131nt\u0131, paragraf ve ba\u015fl\u0131klar olu\u015fturmam\u0131za yarayan bir metin i\u015faretleme dilidir. Basit kod yap\u0131lar\u0131yla olu\u015fturdu\u011fumuz etiketlerle birlikte web sayfalar\u0131n\u0131 \u015fekillendirebiliriz. Yani Html’ye bir web sitesinin iskeleti denilebilir.<\/p>\n\n\n\n

Html 5<\/strong><\/p>\n\n\n\n

\u0130lk \u00e7\u0131k\u0131\u015f\u0131 1993 olan Html’nin be\u015finci ve en son s\u00fcr\u00fcm\u00fcd\u00fcr. Bir \u00f6nceki s\u00fcr\u00fcm\u00fc yani html4 her ne kadar yeterli gibi dursa bile css ile yaz\u0131lan kodlar hatalara sebep olabiliyordu, bunu \u00f6nlemek i\u00e7in html5 geli\u015ftirildi. \u00d6nceki s\u00fcr\u00fcmlere ek olarak Html5 <\/strong>ile i\u015flerimizi kolayla\u015ft\u0131racak yeni kodlar beraberinde gelmi\u015ftir.<\/p>\n\n\n\n

Html \u0130\u00e7in En Pop\u00fcler Edit\u00f6rler<\/strong><\/p>\n\n\n\n

Html sayfas\u0131n\u0131 bir not defteriyle bile yazabilirsiniz, ama tabii ki i\u015flevsellik a\u00e7\u0131s\u0131ndan bir edit\u00f6r kullanman\u0131z gereklidir. En pop\u00fcler edit\u00f6rler ise \u015f\u00f6yle;<\/p>\n\n\n\n

Notepad++<\/strong><\/p>\n\n\n\n

Notepad++<\/strong>, milyonlarca ki\u015fi taraf\u0131ndan kullan\u0131lan h\u0131zl\u0131 ve basit bir edit\u00f6rd\u00fcr. Html, Css gibi bir \u00e7ok kodlama dilini destekler. Sadece windows \u00fczerinde \u00e7al\u0131\u015fan Notepad++ <\/strong>i\u00e7erisinde \u00f6zelle\u015ftirebilece\u011finiz y\u00fczlerce eklentilerde mevcuttur ve tamamen \u00fccretsizdir.<\/p>\n\n\n\n

Sublime Text<\/strong><\/p>\n\n\n\n

Sublime<\/strong> Notepad++’a g\u00f6re daha geli\u015fmi\u015f bir edit\u00f6rd\u00fcr. Karma\u015f\u0131k olmayan temiz bir ara y\u00fcze sahiptir bu sayede kodunuza odaklanmak daha kolayd\u0131r. Windows, Mac ve Linux i\u015fletim sistemlerini destekleyen Sublime’\u0131n hem \u00fccretsiz hem de \u00fccretli versiyonu vard\u0131r, e\u011fer yeniyseniz \u00fccretsiz versiyonu size fazlas\u0131yla yetecektir.<\/p>\n\n\n\n

Atom<\/strong><\/p>\n\n\n\n

Github toplulu\u011fu taraf\u0131ndan geli\u015ftirilen Atom<\/strong>, en iyi Html edit\u00f6rlerinden birisidir ve tamamen \u00fccretsizdir. Windows, Mac ve Linux i\u015fletim sistemlerinde \u00e7al\u0131\u015fan Atom <\/strong>sadece Html <\/strong>de\u011fil Css <\/strong>ve Javascript <\/strong>gibi bir \u00e7ok programlama dillerini destekler.<\/p>\n\n\n\n

Visual Studio Code<\/strong><\/p>\n\n\n\n

Visual studio code<\/strong> Microsoft’un geli\u015ftirdi\u011fi edit\u00f6rd\u00fcr. Visual studio<\/strong> s\u00f6z dizimi vurgulama, otomatik kod tamamlama ve debug etme gibi \u00f6zellikleriyle birlikte geliyor. \u0130\u00e7erisinde onlarca eklenti k\u00fct\u00fcphanesi mevcuttur. Visual Studio<\/strong> Code, HTML, CSS, JavaScript, PHP, C#, C++, Ruby, SQL, Python ve daha bir\u00e7ok dili destekler. Tamamen \u00fccretsiz olan Visual studio code Windows, Mac ve Linux i\u015fletim sistemlerini destekler.<\/p>\n\n\n\n

Html Yaz\u0131m Kurallar\u0131<\/strong><\/p>\n\n\n\n

Html etiketleri “<“<\/strong> ve “>”<\/strong> aras\u0131na yaz\u0131l\u0131r.<\/p>\n\n\n\n

Html \u00f6\u011feleri hem ba\u015flang\u0131\u00e7 hem de biti\u015f etiketleri vard\u0131r.<\/p>\n\n\n\n

Etiketi kapatmak i\u00e7in ise “\/” <\/strong>i\u015faretini koyar\u0131z.<\/p>\n\n\n\n

\u00d6rnek ;<\/p>\n\n\n\n

<p>\u00d6rnek Yaz\u0131<\/p><\/p>\n\n\n\n

\u00d6rnek Html Kodlar\u0131<\/strong><\/p>\n\n\n\n

<!–…–><\/strong> : kaynak koda yorum eklemek i\u00e7in kullan\u0131l\u0131r, kodunuzu a\u00e7\u0131klamak i\u00e7in yorumlar\u0131 kullanabilirsiniz. Bu, kaynak kodunu daha sonraki bir tarihte d\u00fczenledi\u011finizde size yard\u0131mc\u0131 olabilir.<\/p>\n\n\n\n

<html><\/strong> : Html sayfalar\u0131n\u0131n b\u00fct\u00fcn i\u00e7erikleri mutlaka <html>…<\/html> aras\u0131na gelmelidir.<\/p>\n\n\n\n

<p> <\/strong>: Paragraf etiketidir.<\/p>\n\n\n\n

<br><\/strong> : Alt sat\u0131ra ge\u00e7mek i\u00e7in kullan\u0131l\u0131r<\/p>\n\n\n\n

<a><\/strong> : Link olu\u015fturmak i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n

<h1>…<h6><\/strong> : Ba\u015fl\u0131k etiketleri 6 tanedir, en b\u00fcy\u00fc\u011f\u00fc <h1> en k\u00fc\u00e7\u00fc\u011f\u00fc ise <h6>’d\u0131r.<\/p>\n\n\n\n

<b> <\/strong>ve <strong> <\/strong>: Metinleri kal\u0131n yazmaya yarar.<\/p>\n\n\n\n

<i><\/strong> ve <em><\/strong> : \u0130talik (e\u011fik) yazmay\u0131 sa\u011flar.<\/p>\n\n\n\n

<u><\/strong> ve <ins><\/strong> : Metnin alt\u0131n\u0131 \u00e7izmeye yarar.<\/p>\n\n\n\n

<del><\/strong> : Metnin \u00fcst\u00fcn\u00fc \u00e7izmeye yarar.<\/p>\n\n\n\n

<img><\/strong> : Resim eklemek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n

<ol><\/strong>, <ul><\/strong>, <li><\/strong> : Liste olu\u015fturma i\u015flemlerinde kullan\u0131l\u0131r.<\/p>\n\n\n\n

<table><\/strong> : Tablo olu\u015fturma i\u015flemlerinde kullan\u0131l\u0131r.<\/p>\n\n\n\n

<form><\/strong> : Form i\u015flemlerinde kullan\u0131l\u0131r. \u0130\u00e7indeki etiketler arac\u0131l\u0131\u011f\u0131yla kullan\u0131c\u0131lardan toplanan bilgiler server’a g\u00f6nderir.<\/p>\n\n\n\n

<tablo><\/strong> : Tablo olu\u015fturmak i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n

<iframe><\/strong> : Sayfada g\u00f6r\u00fcnt\u00fclenecek HTML dok\u00fcman\u0131n\u0131 belirler.<\/p>\n\n\n\n

<div><\/strong> : Div etiketi bir b\u00f6lme olu\u015fturmak i\u00e7in kullan\u0131l\u0131r.<\/p>\n","protected":false},"excerpt":{"rendered":"

Web sayfalar\u0131n\u0131 olu\u015fturmak i\u00e7in kullan\u0131lan html bir metin i\u015faretleme dilidir.…<\/a><\/p>\n","protected":false},"author":4,"featured_media":926,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-761","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-terimler-sozlugu"],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n\n\n\n\n\t\n\t\n\t\n