HTMLE GR Metin Bloklar Etiketleri SPAN etiketi Satr

HTML’E GİRİŞ Metin Blokları Etiketleri etiketi Satır içerisindeki verileri gruplamak için kullanılır. Uygulama <html> <head> </head> <body> Alkol kötülüklerin </body> </html> #800000”>

HTML’E GİRİŞ Uygulama <html> <head> </head> <body> <H 1 align =”center”> ALKOL İLE İLGİLİ YAZILAR </H 1> İçki öldürür, kumar söndürür, spor güldürür. sarhoşluk kusur yaratmaz, kusurları açıya vurur. Üç kadehten fazla içip de sarhoş olmadığını ileri süren herkes sarhoştur. </body> </html>

HTML’E GİRİŞ Uygulama <html> <head> </head> <body> <H 1 align =”center”> Sayfamıza Hoş Geldiniz. </H 1> kısa zaman sonra AYATA Turizm olarak hizmetinizdeyiz. Görüş ve önerileriniz için 0432 123 45 67 nolu tllf bildiriniz. </body> </html>

HTML’E GİRİŞ Uygulama <html> <head> Duyuru </head> <body> <H 1 align =”center”> Duyuru </H 1> Yüzüncü Yıl Üniversitesi Kayıt tarihleri açıklanmıştır. Kayıt için gereken evraklar; Yüzüncü Yıl Üniversitesi Nüfus cüzdanı İkametgah Kayıt tarihleri açıklanmıştır. Kayıt için gereken evraklar; 2 adet resim <blockquote> Diploma Nüfus cüzdanı Not: İkametgah 2 adet resim Diploma </blockquote> Not: Kayıtlar 17 Eylül’e kadar devam etmektedir. </body> </html> Kayıtlar 17 Eylül’e kadar devam etmektedir.

HTML’E GİRİŞ R. Sayfalara resim eklemek Resimlerin sayfa içerisindeki düzenlerini belirlemek için tüm metin bloklama etiketleri kullanılabilir. Web sayfalarının içeriği o sayfanın kilobayt olarak büyüklüğüne bağlıdır. Bir sayfanın içeriği ne kadar büyükse sayfa görüntülenmeye başladığında o kadar fazla bant genişliğine ihtiyaç duyulacaktır. Sayfada kullanılan resimler içeriğin boyutunu arttıran en önemli bileşendir. 1. <IMG> etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, JPEG, GIF, PNG, TIFF gibi resim formatlarını destekler. Sonlandırması yoktur. Özellikleri; • Src: Resmin konumunu belirler. • Alt: Resme ait açıklama metnini belirler. • Height: Resmin yüksekliğini belirler. • Witdth: Resmin genişliğini belirler. • Align: Resmin yataydaki konumunu verir. • HSpace: Komşu nesneye olan yatay uzunluğu verir. • VSpace: Komşu nesneye olan düşey uzunluğu verir. • Border: Resmin kenarlık kalınlığını verir.

HTML’E GİRİŞ Uygulama <html> <body> My Web Page <img border=” 2” src=”resim/araba. jpg” alt=”araba” widh=” 100” height=” 100”> </body> </html>

HTML’E GİRİŞ <MAP> etiketi Resim üzerinde belirli bölgelere bağlantı eklemek için kullanılır. Resim üzerindeki belirli alanlara tıklanarak istenen sayfalara geçilebilir. Name: Hazırlanan haritanın hangi resim için kullanılacağını belirlemek için her haritaya bir isim verilir. <AREA> etiketi Resim üzerinde istenen bölgeleri belirlemek için kullanılır. Özellikleri; • Href: Belirlenen alana bağlantı atamak için kullanılır. • Shape: Belirlenen alanın şeklini ayarlar. Parametreleri; o. Rect: Diktörtgen alanı belirler. o. Circle: Yuvarlak alanı belirler. o. Polygon: Dikdörtgen ve yuvarlak dışında çok köşeli kapalı alanı tanımlar. • Coords: Shape ile belirlenen kapalı alanların koordinatlarını belirlemek için kullanılır.

HTML’E GİRİŞ Uygulama <html> <body> <map name=”arabaresmi”> <area href=”Toyota. htm” shape=”rect” coords=” 18, 11, 165, 51”> <area href=”skoda. htm” shape=”rect” coords=” 18, 59, 165, 101”> </map> <img border=” 2” src=”resim/araba. jpg” alt=”araba” usemap=”#arabaresmi”> </body> </html>

HTML’E GİRİŞ Fonksiyonel etiketler Özel biçime sahip çeşitli formatlarda metin düzenlemek için kullanılan etiketlerdir. (emphasis) etiketi Vurgulama yapmak için kullanılır. İtalik etkiye sahiptir. Dikkat köpek var. etiketi Vurgulama amaçlı kullanılır. Koyu ve kalın etki yaratmak için kullanılır. Sigara içmek sağlığa zararlıdır.

HTML’E GİRİŞ Uygulama Aşağıdaki sayfayı HTML kodlarından oluşturunuz.