Body Etiketi, Görünüm Etiketleri
<BODY>
HTML belgesinin gözüken içeriği burada yer alır. Buraya metinler, resimler, listeler vb.her türlü HTML nesnesi yerleştirilebilir.
Kullanılacak parametreler Görevi
Bgcolor : Arka plan rengini belirler.
Background : Arka planda kullanılmak istenen resmi belirler.
Link : Sayfadaki linklerin rengini belirler.
Alink : Linke tıklandığındaki rengi belirler.
Vlink : Daha önce ziyaret edilmiş linklerin rengini belirler.
Örnek;
<body bgcolor=”red” link=”yellow”>
içerikler
</body>
<b> Aradaki metni koyu (bold) yazar.(W3c standartlarından çıkarılmıştır. <strong> komutunu kullanabilirsiniz.
Bilişim <b>Teknolojileri</b> Bölümü (Bilişim Teknolojileri Bölümü şeklinde yazar)
<b>Web Tasarım</b> Dersi (Web Tasarım Dersi)
<strong> koyu yazı</strong>
<u> Aradaki metni altı çizili (underline) olarak yazar.
Bilişim <u>Teknolojileri</u> Bölümü (Bilişim Teknolojileri Bölümü)
<u>Web Tasarım</u> Dersi
<i> Aradaki metni eğik (italic) yazar.
Aşağıdaki iki etiketin diğer etiketlerden farklı olarak açılıp kapanmasına gerek yoktur. tek başına kullanılabilir.
<br /> HTML’de metinleri yazarken kullandığımız editörde bir alt satıra geçmek için enter tuşunu kullanırız. Fakat HTML dilinde bunun hiçbir anlamı yoktur. Tüm kodları ve metinleri tek satırda dahi yazsanız tarayıcı açısından farketmeyecektir. Bu yüzden metinleri bölmek, yani ikinci satıra atmak için <br> etiketini kullanıyoruz.
<hr/> yatay çizgi ekler.
Örnek;
Arif ceylan<br/> deneme<hr/>
Çıktısı;
Arif CEYLAN
deneme
<P> Aradaki metne paragraf özelliği kazandırır. Sonlandırıldığında, takip eden metin bir satır boşluk bırakılarak ve satır başına yazılır.
BAĞLANTI (KÖPRÜ) OLUŞTURMA
Bir WEB sitesinde altı çizili olarak bir takım kelimeler görmüşüzdür. Bu altı çizili kelimelerin üstüne gelince fare şekil değiştirip bir el şekline dönüşmektedir. Bunun anlamı kelimeye tıkladığınızda kelimeyle ilgili bir başka WEB sayfasına gideceğidir. HTML’nin bu görevini yerine getirmesini sağlayan etiket <a>’dir. Dokümanınızdan başka dokümana bağlantı yapabilmek için:
1) Etiketi giriniz. (Kısaca ilk satıra <a> yazınız)
2) Hangi dokümana geçiş yapmak istiyorsanız href parametresine değerini yazınız. HREF=”dosyaismi”
3) Bu dokümanı ekranda hangi isimle göstermek istediğinizi belirtiniz.
4) Etiketi kapatınız. </a>
Örnek : <a href=”http://www.google.com”>google’a git</a>
Tıklanan linkin nerede açılacağını belirtmek için target parametresini kullanabiliriz. Yeni sayfada açmak için;.
Örnek : <a href=http://www.google.com target=”blank”>google’a git</a>
Siteye değilde bir resme nasıl bağlanacağız?(dikkat resim aynı klasörde olmalı)
<a href=”meb.jpg”>meb resmine bağlan</a>
Başka bir sayfaya bağlanmak için
<a href=”Deneme.html”>Deneme sayfasına git</a>
Linki ziyaret ettikten sonra renginin değişmesi için (ziyaretten sonra kırmızı olsun)
<body bg color=”blue” vlink=”red”> vlink : visited link.Ziyaret edilmiş sayfa
Resim ekleme
<img src=”meb.gif” width=”200px”> img etiketini kapatmaya gerek yoktur. Komut nereye eklenirse resmi oraya ekler.