Merhaba, bu yazımızda HTML Nedir? HTML Tarihçesi? HTML Kullanırken Nelere Dikkat Edilir? Gibi konulara bakacağız. HTML’nin açılımı (Hyper Text Markup Language) Kelimelerinin şeklinde oluşumuna metin işaretleme dili denir. Türkçe Karşılığı ise (Hiper Metin İşaretleme Dili) olarak çevrilmektedir. İşaretleme Dili, metinlerin nasıl yapılandırılacağına, tanımlanması ve sunulması için kullanılmakta olan yapay bir dildir. HTML, web sayfalarının hazırlanmasında kullanılan sistemdir. Bir programlama dili olmayan Html bilgisayarlarımızda kullandığımız web sitelerinin oluşturulmasında kullanılır. Yani siz HTML ile sayısal değerleri işlemlere sokup döngüler veya diziler oluşturamazsınız. İşaretleme dili olarak en son çıkan HTML5 sürümü kullanılmaktadır.
HTML Tarihçesi?
İngiliz Mühendis ve bilgisayar bilimi profesörü Tim Berners-Lee tarafından bulunmuştur. İnsanlık kültürüne katkılarından ötürü 2004 yılında kendisine kraliçe II. Elizabeth tarafından sör (sir) unvanı verilmiştir.” Tim Berners-Lee Html dilini bulmasında ki en büyük sebep, araştırmacılarının bilgilerini ve dokümanlarını birbirleriyle paylaşabilmeleri için bir sistem olması gerektiğini düşünüyordu. Bu yüzden ilk örnek olarak ENQUIRE isimli sistemi önerdi. Bu sayede 1990 yılında HTML temelleri atıldı. HTML işaretleme dilini geliştirmesinden sonra World Wide Web (WWW) sistemini kurmuştur.
Html Kullanırken Nelere Dikkat Edilir?
<html>, <body> ve <head> gibi “<…>” simgeleri içerisinde yazılan kodlara TAG/ETİKET denir. Açılan her Tag kapatılmak zorundadır. Kapatmak için / imgesini kullanmanız gerekir ancak bazı durumlarda bu geçersizdir. Ayrıca hiyerarşik bir düzen oluşturulmalıdır. Türkçe karakter yoktur. Tag’ları küçük veya büyük harfle oluşturabilirsiniz. (Genel olarak küçük harf kullanılır.) HTML sayfaları belli bir şablona göre oluşturulmalıdır.
HTML Kod Rehberi
<!–…–>: Açıklama Ekleme
<!DOCTYPE>: Dosya Türü Yazma
<a>: Site içi veya dışı bağlantı vermek için kullanılır.
<area>: Resim üzerinde alan belirtmek için kullanılır.
<base>: Bağlantılar için ana yol bildirirken kullanılır.
<blockquote>: Herhangi bir kaynaktan/siteden alıntı yapıldığında belirtmek için kullanılır.
<br>: Alt satıra geçmek için kullanılır. <br /> şeklinde kullanılır.
<button>: Buton oluşturmak için kullanılır. (Gönder, indir, yükle vb.)
<caption>: Tablo başlığı belirtmek için kullanılır.
<code>: Bilgisayar kodu şeklinde yazmak için kullanılır.
<dd>: Açıklama eklemek için kullanılır.
<div>: Kodları gruplandırmak ve dosyada alan belirtmek için kullanılır. Bir sitede üst kısım, alt kısım, yorum ve içerik gibi birçok farklı alanın karışmaması için kullanılır.
<form>: Form (İletişim formu gibi…) eklemek için kullanılır. İnput eiketleri ile birlikte kullanılır.
<frame>: Çerçeve oluşturmak için kullanılır.
<frameset>: Çerçeve dizisi oluşturmak için kullanılır.
<img>: Resim eklemek için kullanılır.
<ul>,<li>, <ol>: Listeleme yaparken kullanılır. Oluşturulan her liste için <ul> tagı açılmalı ve içerisine <li> ve <ol> tagları eklenmeli. <li> ve <ol> için aynı kullanım söz konusu değildir. <li> nokta şeklinde liste yaparken <ol> numaralandırma ile liste yapar.
<meta>: <head> ve </head> tagları arasında kullanılır. meta etiketlerinin doğrulanması ve sistemle ilgili bilgi vermek için kullanılır.
<option>: <select> tagı ile birlikte kullanılır. <select> tagı ile belirlediğiniz seçimin her seçeneğinde <option> kullanılır.
<pre>: Kod paylaşımı yapılmak istendiğinde kullanılır. <pre>….</pre> tagları arasında yazdığınız kodlar çalışmayacak sadece gösterilecektir. Yani yazdığınız kodların çalışmadan gösterilmesi için kullanılır.
<select>: Seçim yapmak için kullanılır. Sayfada yer alan herhangi bir seçim kutusu için kullanılır. Örneğin; yaş, cinsiyet, şehir, bölge vb.
<style>: CSS kodlarının çağrılmasında kullanılır.
<table>: Tablo oluşturmak için kullanılır. Tablonun satırları için <tr>, sütunları için <th> tagları kullanılır. <tbody> ve <thead> etiketleri de tablo oluştururken kullanılır. Başlık ve içerik satırını belirtir.
H1,…H2: Heading etiketlerine listenin en sonunda değinmek istedik. Heading etiketleri mutlaka bilinmesi gereken HTML etiketleridir. Büyükten küçüğe doğru sıralanan başlık etiketleridir. Yazınız içerisinde hiyerarşik yapı oluşturmanızı sağlar. En büyük başlık H1 ve en küçük olanda H6’dır.
Umarım faydalı olmuştur. Diğer yazılarımızda görüşmek dileğiyle…
Diğer yazılarım için;
Şükrü Erdem Soyumer | KatreTechTeam
TAGs: Html, Html Nedir? Html Tarihçesi, Html Kullanırken Nelere Dikkat Edilir?, Html Kodları, Yazılım
