HTML (Hyper-Text Markup Language) Nedir?

HTML nedir?

HTML, bir yazılım dili olarak tanımlanamaz. Zira HTML kodlarıyla kendi başına çalışan bir program yazılamaz. Ancak bu dili yorumlayabilen programlar aracılığıyla çalışabilen programlar yazılabilir. Peki HTML nedir?

HTML’yi yeterince anlayamazsanız endişelenmeyin, yalnız değilsiniz. Muhtemelen, kuruluşunuzda onunla nispeten küçük bir şekilde ilgilenmeye devam edeceksiniz, ancak size bu dili daha ilişkilendirilebilir (ve hatta dostça) hale getirecek temel HTML bilgisi sağlayacağız.

HTML nedir?

HTML (Hyper-Text Markup Language), Hiper Metin İşaretleme Dili anlamına gelir. Bu, geliştiricilerin ve meslektaşlarınızın web sitenizin mimarisini, hatta açılış sayfalarını ve e-postaları yönlendirmek için kullandıkları dildir.

Daha basit bir ifadeyle, meslektaşlarımızdan birinin akıllıca söylediği gibi, “HTML web sayfalarınızın iskeletidir, CSS ise giysidir.” CSS (Basamaklı Stil Sayfaları) ise web sayfalarınızın stilini (renk, görünüm, his vb.) sağlar. HTML sitenizi, başlık ve ilk başlıktan madde işaretli bir listeye, altbilginize kadar düzenler.

Bu dil, açılı parantez içine alınmış etiketlerden oluşan öğeler aracılığıyla düzenlenir. HTML’deki temel kurallardan biri, her bir öğenin çoğunlukla bir açılış ve kapanış etiketine sahip olması gerektiğidir. Bu sadece yapının uygun şekilde yerleştirilmesi içindir, ancak en önemlisi, web tarayıcısının dili yorumlayabilmesi ve hangi yapıyı göstermesi gerektiğini bilmesi için.

HTML Temelleri

Aşağıdaki örnekte gösterildiği gibi, yapı her zaman <! DOCTYPE html> ile başlar. Yine, bu, tarayıcının bir HTML yapısını okuduğunu anlaması içindir:

<! DOCTYPE html>
<html>
<body>
<h1 (ana başlık etiketi)> Bu bizim ana başlığımız <(ana başlık etiketi kapanışı)/h1>
<p> Bu bizim ilk paragrafımız </p>
</body>
</html>

Bu küçük HTML şeridi, gövde içeriğinin başlangıcını işaretlemek için bir <body> etiketiyle başlar. Ayrıca, bu dilde, içeriğinizi düzenlemek için kullanabileceğiniz başlıklar vardır. Bu başlık etiketleri <h1> ile <h6> arasında değişir; h1 en büyük boyutlu başlık ve h6 en küçük olanıdır.

 <p> etiketi gibi bazı etiketler oldukça sezgiseldir. Şimdiye kadar çıkarmış olabileceğiniz gibi, paragraflar anlamına geliyor. Ayrıca, kapanış etiketlerinin  sadece bir eğik çizgiye “/” ihtiyaçları vardır.

Devam edelim ve koda birkaç parça daha ekleyelim. Bu sefer sayfaya bir başlık bölümü ekleyeceğiz:

<! DOCTYPE html>
<html>
<head>
 <title>

    Bu, sayfanızın başlığıdır

</title>
</head>
<body>
<h1 (ana başlık etiketi) > Bu bizim ana başlığımızdır <(ana başlık etiketi kapanışı) /h1>
<p> Bu bizim <strong> ilk </strong> paragraf </p>
<h3> Bu daha küçük bir başlıktır </h3>
<p> Burada tartışılan daha fazla nokta </p>
</body>
</html>

İlk örneğin bu devamında, bir sayfanın yapısının ne kadar hızlı büyüyebileceğini hızlıca not edebilirsiniz. Yapıya, sayfaya bir başlık verildiği bir <head> bölümü eklendi. Başka bir başlık olan <h3> dışında, tarayıcı kalın harflerle “ilk” kelimesini de görüntüleyecektir. <strong> etiketleri bu benzersiz özelliği sağlar.

O Kadar Korkunç Değil, Değil mi?

Resimleri bağlama ve görüntüleme gibi HTML’nize ekleyebileceğiniz çok daha fazla etiket ve diğer yapılar var, ancak genel bir bakıştan bakıldığında, bu o kadar da kötü değil, değil mi? Artık bununla ilgili temel bir anlayışa sahip olduğunuza göre, karşınıza bir HTML konusu geldiğinde kendinizi daha rahat hissedebilirsiniz.

Hepimiz bilginin güç olduğunu biliyoruz. Uygulamalı bilginin güç olduğunu söyleyebiliriz. Web sitenizin yapısı veya hatta bir e-posta içindeki küçük içerik hakkında daha fazla bilgi edinmek istiyorsanız, yeni öğrendiğiniz anlayışınızı geliştirmekten korkmayın.

Sizi bloktaki yeni harika yazıları okumak için bekliyoruz.

 

Yazar Hakkında

Author
Kodlarım Online

Yorum yap