HTML ne demek ve HTML açılımı nedir? HTML ne işe yarar ve örnek HTML kodları

Ömer Yüksel
6 Ekim 2021
E-posta Hosting Kampanya

Web sayfalarını oluşturmak için kullanılan html bir metin işaretleme dilidir. Her web sitesinin en temel yapı taşı olan Html bir programlama dili olarak tanımlanamaz. Açılımı ‘Hyper Text Markup Language’ türkçe karşılığı ise ‘Standart metin İşaretleme Dili’dir. Html belgeleri .html ve .htm ile biten dosyalardır. Html dosyalarını chrome, yandex, opera gibi web tarayıcılarının görüntüleyebildiği bir dildir.

Html Ne İşe Yarar?

Html ile metin, medya içerikleri, tablo oluşturma, form oluşturma, link oluşturma, alıntı, paragraf ve başlıklar oluşturmamıza yarayan bir metin işaretleme dilidir. Basit kod yapılarıyla oluşturduğumuz etiketlerle birlikte web sayfalarını şekillendirebiliriz. Yani Html’ye bir web sitesinin iskeleti denilebilir.

Html 5

İlk çıkışı 1993 olan Html’nin beşinci ve en son sürümüdür. Bir önceki sürümü yani html4 her ne kadar yeterli gibi dursa bile css ile yazılan kodlar hatalara sebep olabiliyordu, bunu önlemek için html5 geliştirildi. Önceki sürümlere ek olarak Html5 ile işlerimizi kolaylaştıracak yeni kodlar beraberinde gelmiştir.

Html İçin En Popüler Editörler

Html sayfasını bir not defteriyle bile yazabilirsiniz, ama tabii ki işlevsellik açısından bir editör kullanmanız gereklidir. En popüler editörler ise şöyle;

Notepad++

Notepad++, milyonlarca kişi tarafından kullanılan hızlı ve basit bir editördür. Html, Css gibi bir çok kodlama dilini destekler. Sadece windows üzerinde çalışan Notepad++ içerisinde özelleştirebileceğiniz yüzlerce eklentilerde mevcuttur ve tamamen ücretsizdir.

Sublime Text

Sublime Notepad++’a göre daha gelişmiş bir editördür. Karmaşık olmayan temiz bir ara yüze sahiptir bu sayede kodunuza odaklanmak daha kolaydır. Windows, Mac ve Linux işletim sistemlerini destekleyen Sublime’ın hem ücretsiz hem de ücretli versiyonu vardır, eğer yeniyseniz ücretsiz versiyonu size fazlasıyla yetecektir.

Atom

Github topluluğu tarafından geliştirilen Atom, en iyi Html editörlerinden birisidir ve tamamen ücretsizdir. Windows, Mac ve Linux işletim sistemlerinde çalışan Atom sadece Html değil Css ve Javascript gibi bir çok programlama dillerini destekler.

Visual Studio Code

Visual studio code Microsoft’un geliştirdiği editördür. Visual studio söz dizimi vurgulama, otomatik kod tamamlama ve debug etme gibi özellikleriyle birlikte geliyor. İçerisinde onlarca eklenti kütüphanesi mevcuttur. Visual Studio Code, HTML, CSS, JavaScript, PHP, C#, C++, Ruby, SQL, Python ve daha birçok dili destekler. Tamamen ücretsiz olan Visual studio code Windows, Mac ve Linux işletim sistemlerini destekler.

Html Yazım Kuralları

Html etiketleri “<“ ve “>” arasına yazılır.

Html öğeleri hem başlangıç hem de bitiş etiketleri vardır.

Etiketi kapatmak için ise “/” işaretini koyarız.

Örnek ;

<p>Örnek Yazı</p>

Örnek Html Kodları

<!–…–> : kaynak koda yorum eklemek için kullanılır, kodunuzu açıklamak için yorumları kullanabilirsiniz. Bu, kaynak kodunu daha sonraki bir tarihte düzenlediğinizde size yardımcı olabilir.

<html> : Html sayfalarının bütün içerikleri mutlaka <html>…</html> arasına gelmelidir.

<p> : Paragraf etiketidir.

<br> : Alt satıra geçmek için kullanılır

<a> : Link oluşturmak için kullanılır.

<h1>…<h6> : Başlık etiketleri 6 tanedir, en büyüğü <h1> en küçüğü ise <h6>’dır.

<b> ve <strong> : Metinleri kalın yazmaya yarar.

<i> ve <em> : İtalik (eğik) yazmayı sağlar.

<u> ve <ins> : Metnin altını çizmeye yarar.

<del> : Metnin üstünü çizmeye yarar.

<img> : Resim eklemek için kullanılır.

<ol>, <ul>, <li> : Liste oluşturma işlemlerinde kullanılır.

<table> : Tablo oluşturma işlemlerinde kullanılır.

<form> : Form işlemlerinde kullanılır. İçindeki etiketler aracılığıyla kullanıcılardan toplanan bilgiler server’a gönderir.

<tablo> : Tablo oluşturmak için kullanılır.

<iframe> : Sayfada görüntülenecek HTML dokümanını belirler.

<div> : Div etiketi bir bölme oluşturmak için kullanılır.