Anasayfa / Bilgisayar Mühendisliği / HTML (Hyper Text Markup Language)-1

HTML (Hyper Text Markup Language)-1

1- Html’ e Giriş

Html Dosyası Nedir?

HTML’in açılımı Hyper Text Markup Language (Bunun tam Türkçe’si bulunmamakla beraber “çok yere açılan metin” denebilir.
Bir HTML dosyası bir text dosyası olmakla beraber markup tags (işaretlenmiş etiketler) içerir.Markup tag’ler web tarayıcınıza sayfanın nasıl gösterileceğini gösterir.Bir HTML dosyasının uzantısı htm veya html olmak zorundadır. Bir HTML dosyası basit bir text editör ile oluşturulabilir.

<br />&lt;html&gt;<br />&lt;head&gt;<br />&lt;title&gt;Sayfa Başlığı&lt;/title&gt;<br />&lt;/head&gt;<br />&lt;body&gt;<br />Bu benim ilk sayfam &lt;b&gt;Bu metin koyu&lt;/b&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;<br />

Bu örnekte HTML dökümanınızdaki ilk tag (etiket) <html>’dir. Bu etiket tarayıcınıza bir HTML dosyasının oluşturulacağını söyler. HTML dökümanınızdaki son tag (etiket) </html>’dir. Bu da tarayıcınıza HTML dosyasının sonunun geldiğini söyler.

<head> ve </head> etiketleri arasında kalan kısım başlık bilgilerini içerir. Başlık bilgileri tarayıcı penceresinde görüntülenmez.

<title> ve </title> etiketleri arasında kalan kısım dökümanınızın başlık bilgilerini içerir. Başlık tarayıcı penceresinin en üstünde görüntülenir.

<body> ve </body> etiketleri arasında kalan kısım, tarayıcı penceresinde görüntülenecek olan kısımı içerir.

<b> ve </b> etiketleri arasında kalan kısım ise koyu (bold) biçimde gösterilir.

Yukardaki örneği notepad’e yazın ve .htm uzantılı olarak kaydedin. Kaydedilen .htm uzantılı dosyayı açın. Uygulamamızın başarılı bir şekilde çalıştığını görmüş olduk.

Ekran Alıntısı

2-HTML Etiketleri

HTML etiketleri, HTML öğelerini belirtmek için kullanılır. HTML etiketleri 2 karakter ile sınırlanır.  < ve >
Bu karakterlere grup parantezleri (angle brackets) denir.HTML etiketleri çift olarak kullanılır. Örn: <b> Bu metin koyu fonttadır. </b>Bu çiftlerden birincisine başlama etiketi, ikincisine ise bitiş etiketi denir.
Başlama ve bitiş etiketleri arasında kalan herşeye ise öğe içeriği (element contents) denir.
HTML etiketleri büyük/küçük harfe duyarlı değildir, yani <b> ve <B> aynı görevi görür.

<br />&lt;
html&gt;
<br />&lt;
head&gt;
<br />&lt;
title&gt;
Sayfa Başlığı&lt;
/title&gt;
<br />&lt;
/head&gt;
<br />&lt;
body&gt;
<br />Bu benim ilk sayfam &lt;
b&gt;
Bu metin koyu&lt;
/b&gt;
<br />&lt;
/body&gt;
<br />&lt;
/html&gt;
<br />

HTML öğesi başlangıç etiketi olan <b> ile başladı.
HTML öğesinin içeriği: Bu metin koyu
HTML öğesi bitiş etiketi olan </b> ile sonlandırıldı.<b> etiketinin amacı, görüntülenecek olan metinin koyu gösterilmesi gerektiğini bildirmektir.

HTML dilindeki en önemli etiketler; başlıklar, paragraflar ve satır atlama etiketleridir.

Başlıklar <h1> ve <h6> dahil olmak üzere aradaki tüm rakamlar kullanılarak tanımlanabilir.

<h1> en büyük puntoyu belirtirken, <h6> ise en küçük puntoyu belirtir.

Paragraflar <p> etiketi ile belirtilir.

Satır atlamak için <br> etiketi kullanılır.

Açıklama satırı yaparkende <!– Bu bir açıklama –> şeklinde yapılır.

Sizinle html ile ilgili temel bilgileri paylaştım. Bir sonraki yazımda bu konuya devam edeceğim.

Kolay Gelsin..

Hakkında Ali Demirci

Ben Ali Demirci... 1991 Ankara doğumluyum. Ankara da yaşıyorum. Fırsat buldukça öğrendiklerimi burada paylaşıyorum. Java ile haşır neşirim. Android'den asla vazgeçemem. Öğrenmeye bayılırım. Yeni şeyler öğrendiğimde, geçmişteki projelerimde keşke böyle yapsaydım diye çok üzülmüşümdür. O yüzden öğrenmekten korkmayın. Takıldığınız yerleri mutlaka sorun. Biliyorsam yanıt veririm. Bilmiyorsam yol gösteririm. Teşekkürler :)

Kontrol Et

Regex Nedir? Nasıl Kullanılır?

Regex(Regular Expression) yani düzenli ifadeler, metinlerde aranan bir tümceyi kolayca bulmamızı sağlayan bir çeşit algoritmadır. Yani …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir