HTML, HyperText Markup Language, tarayıcı (browser)'lardan görebileceğimiz (Internet Explorer, Netscape gibi) internet dokümanlarını yaratmaya yarayan bir işaretleme dilidir. İnternet üzerindeki tüm sayfaların kaynağı HTML'dir. Tarayıcı olmadan HTML kodları birşey ifade etmez.
HTML dokümanları herhangi bir yazı editörü ile düzenlenip *.htm, *.HTML, *.sHTML gibi uzantılarla kaydedilir. Bunun için notepad, pico, wordpad gibi editörler yeterlidir. Bunların yanında Frontpage, Dreamweaver, Homesite gibi bu iş için hazırlanmış ve kodlamayı kolaylaştıran programlar da vardır.
Her HTML dokümanı <HTML> ile başlar ve </HTML> ile biter. <> şeklinde görülen komutlara etiket (tag) adı verilir. Bir HTML dokümanı iki ana kısımdan oluşmaktadır:<head> . . . </head> etiketi arasında yer alan Başlık bölümü; <body> . . . </body> etiketleri arasında yer alan Gövde Bölümü. Başlık bölümü içine <title>. . . </title> etiketi konulur. title, tarayıcımızın en üstünde gözükür ve oluşturulan sayfanın başlığıdır
Eğer hazırlanan sayfa Türkçe içerikli ise Türkçe karakterlerin (ç, ğ, ı, , ş, ö, ü) düzgün görünmesi için Başlık kısmı içerisine aşağıdaki meta etiketi eklenir. Meta etiketleri için detaylı bilgiye buradan ulaşabilirsiniz.
title etiketi ile başlığı belirttikten sonra Başlık bölümü kapatılır ve ana kısım olan Gövde' ye geçilir. Sayfamızda görüntülemek istediğimiz bütün bilgileri Gövde kısmına koyarız.
Herhangi bir web sayfasının HTML kodunu görmek istediğimiz zaman, farenin sağ tuşuna tıklayıp view source/kaynağı görüntüle seçeneğini seçeriz.
Bir etiketin nasıl davranması gerektiği hakkında bilgi içeren etiketin içindeki metne Değişken denir. Aşağıdaki örnekte body etiketinin içindeki bgcolor ifadesi değişkendir ve arkaplan rengini belirler. Çoğu etiket isteğe bağlı olarak ya da gerektiği için bağımsız değişkenleri kabul eder.
Çift taraflı etiketler içiçe geçebilirler ama dikkat edilmesi gereken nokta en son açılan etiketin en önce kapatılmasıdır. Aşağıda yanlış ve doğru uyguluma örneği verilmiştir.
<br> ve <hr> gibi tek taraflı etiketler ,
ve <hr /> şeklinde yazılmalıdır.
Temel kodlar
Kalın yazı
Altı çizili
Eğik yazı
Üzeri çizili
Diğer Kodlar
Yazıya link verme
Yazı tipli yazı
Renkli yazı
Resim kodu
HTML dokümanları herhangi bir yazı editörü ile düzenlenip *.htm, *.HTML, *.sHTML gibi uzantılarla kaydedilir. Bunun için notepad, pico, wordpad gibi editörler yeterlidir. Bunların yanında Frontpage, Dreamweaver, Homesite gibi bu iş için hazırlanmış ve kodlamayı kolaylaştıran programlar da vardır.
Her HTML dokümanı <HTML> ile başlar ve </HTML> ile biter. <> şeklinde görülen komutlara etiket (tag) adı verilir. Bir HTML dokümanı iki ana kısımdan oluşmaktadır:<head> . . . </head> etiketi arasında yer alan Başlık bölümü; <body> . . . </body> etiketleri arasında yer alan Gövde Bölümü. Başlık bölümü içine <title>. . . </title> etiketi konulur. title, tarayıcımızın en üstünde gözükür ve oluşturulan sayfanın başlığıdır
Eğer hazırlanan sayfa Türkçe içerikli ise Türkçe karakterlerin (ç, ğ, ı, , ş, ö, ü) düzgün görünmesi için Başlık kısmı içerisine aşağıdaki meta etiketi eklenir. Meta etiketleri için detaylı bilgiye buradan ulaşabilirsiniz.
- Kod:
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">
title etiketi ile başlığı belirttikten sonra Başlık bölümü kapatılır ve ana kısım olan Gövde' ye geçilir. Sayfamızda görüntülemek istediğimiz bütün bilgileri Gövde kısmına koyarız.
Herhangi bir web sayfasının HTML kodunu görmek istediğimiz zaman, farenin sağ tuşuna tıklayıp view source/kaynağı görüntüle seçeneğini seçeriz.
Bir etiketin nasıl davranması gerektiği hakkında bilgi içeren etiketin içindeki metne Değişken denir. Aşağıdaki örnekte body etiketinin içindeki bgcolor ifadesi değişkendir ve arkaplan rengini belirler. Çoğu etiket isteğe bağlı olarak ya da gerektiği için bağımsız değişkenleri kabul eder.
- Kod:
<body bgcolor="#faf2e0">
Çift taraflı etiketler içiçe geçebilirler ama dikkat edilmesi gereken nokta en son açılan etiketin en önce kapatılmasıdır. Aşağıda yanlış ve doğru uyguluma örneği verilmiştir.
- Kod:
<b><i>Bu bir yanlış örnektir. </b></i>
<b><i>Doğrusu budur. </i></b>
<br> ve <hr> gibi tek taraflı etiketler ,
ve <hr /> şeklinde yazılmalıdır.
Temel kodlar
Kalın yazı
- Kod:
[b]<b>Yazı</b>[/b]
Altı çizili
- Kod:
<u>Yazı</u>
Eğik yazı
- Kod:
<i>Yazı</i>
- Kod:
<strike>Yazı</strike>
- Kod:
<left>Yazı</left>
Ortaya hizalama
- Kod:
<center>Yazı</center>
- Kod:
<right>Yazı</right>
Diğer Kodlar
Yazıya link verme
- Kod:
<a href="http://larveyazilim.hareketforum.org">Larve</a>
Yazı tipli yazı
- Kod:
<font face="Arial">Yazı</font>
Renkli yazı
- Kod:
<font color="#ff0000>Yazı</font>
Resim kodu
- Kod:
<img src="resim.png" border="0" alt="Resim">
» İşlem Yönetici 1.0.0.0
» Bilgisayarımı Kapat 1.0.0.2 - Kolay Windows Kapatıcı
» Bilgisayarımı Kapat 1.0.0.1 - Kolay Windows Kapatıcı
» Çemberin Çevresini Hesapla
» Visual Basic 2005 ile E-posta Göndermek
» Dosya adı ve Uzantı Ayırma
» C Programlama Diline Giriş
» C++'a Giriş : Hello World
» Visual Basic Nedir?
» Bilgisayarımı Kapat 1.0.0.0 - Kolay Windows Kapatıcı
» Html'ye giriş
» Java Script nedir?
» Php ile rasgele veri Listeleme
» Toplist yapma
» Veri sayfalama
» Puanlı üyelik Sistemi
» Sub Kullanımı
» Veritabanı İşlemi (kayıt eklme, kayıt silme)