Buradasınız

HTML Giriş. HTML Dosyası Nedir? Örnekler

HTML dosyası nedir?

HTML'in açılımı Hyper Text Markup Language'dir.
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.

Bir Deneme Yapalım
Eğer Windows kullanıyorsanız not defterini açın.
Eğer MAC kullanıyorsanız SimpleText programını açın.
Eğer OSX kullanıyorsanız, TextEdit'i açın ve aşağıdakileri yapın: "Format" menüsünü açın ve "Rich Text" yerine "Plain Text" seçeneğini seçin. Sonra "Text Edit" menüsünün altında bulunan "Preferences" penceresini açın ve "Ignore rich text commands in HTML files" seçeneğini seçin. Eğer bu değişiklikleri yapmazsanız HTML dosyasınız büyük ihtimalle çalışmayacaktır!

Aşağıdaki metini açtığınız editör içerisine yazın:

<html>
<head>
<title>Benim HTML Sayfam</title>
</head>
<body>
Bu benim ilk sayfam ve <b>Bu metin kalın</b>, <u>bu metin altı çizili</u> ve <i>bu metin italik</i> yazılacaktır
</body>
</html>

Dosyayı "benim_sayfam.htm" veya "benim_sayfam.html" olarak kaydedin.

Oluşturduğunuz dosyaya çift tıklayın. Dosya tarayıcınızda açılacaktır.
Örneğin Açıklaması

HTML dökümanınızdaki ilk tag (etiket) <html>'dir. Bu etiket tarayıcınıza bir HTML dosyasının koş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.
HTML Editörleri Hakkında Not:

HTML dosyalarınızı kolay bir şekilde WYSIWYG (what you see is what you get), FrontPage veya Dreamweaver ile de hazırlayabilirsiniz. Bu gibi programlar zamandan büyük oranta tasarruf etmenizi sağlar.

Bununla beraber, eğer profesyonel anlamda HTML çalışmak istşyorsanız mutlaka not defteri (notepad) kullanmanızı tavsiye ederiz.

Benzer İçerikler

Prof.Dr. Numan Sadi DOĞAN Tübitak Semineri
North Carolina A...
Erbaa'da Korkutan Yangın
Tokat'ın Erbaa ilçesinde iki katlı ahşap evde çıkan yangında yaralanan ve dumandan etkilenen 4 kardeş hastaneye kaldırıldı. Kardeşlerden biri,...
Müzikli, Şeker Veren Atık Pil Kutusu
Erbaa Belediyesi'nin müzikli, atık pil getirene şeker veren geri dönüşüm kutusu çocukların ilgi odağı oldu. Tokat'ın Erbaa ilçesinde, Belediye...
Tarlada 50 Markette 100
Tokat Ziraat Odası Başkanı Ahmet Dökülen, tarlada 50 kuruşa satılan domatesin manav veya markete gidene kadar 100 yüz zamlandığını söyledi. Tokat'...
Doğum Gününde Babası Şehit Oldu
Erbaa Emniyet Müdürlüğü'nde görevli polis memuru Erkan Ersan, (40) geçirdiği kalp krizinin ardından kaldırıldığı hastanede yaşamını yitirdi. Erbaa...
Erbaa'da Çanakkale Şehitlerini Anma Etkinliği
Erbaa Eğitim ve Yardımlaşma Derneği (EYDER)ve Erbaa Sanayici ve İş Adamları (ESİAD) tarafından hazırlanan "Bir Destan Çanakkale" isimli program Erbaa...
Erbaa Köprüde Kaza - Yola Fırlayan Çocuk Araca Çarptı
YOLA FIRLAYAN ÇOCUK ARACA ÇARPTI. Sabah saatlerinde gazi Osman paşa mahallesi Yıldırım Beyazıt köprüsünde meydana gelen trafik kazasından yola...
Faturasız Hatta Telsiz Ücreti
Operatörler abonelere gönderdikleri kısa mesajlarla artık kendilerinden aylık 1.1 TL telsiz ücreti alacaklarını duyurdu.Operatörlerin, Bilgi...