HTML Ders5 Etiketler

Merhaba arkadaşlar 🙂  bu yazımda size html de kullanacağımız  “ <img>,<video>,<pre>”  etiketleri hakkında bilgi vereceğim.

<img>…</img> Etiketi

Bu etiket sayfamıza resim yüklememizi sağlar. Bu etiket ile ekleyeceğimiz resmin bazı özelliklerini belirtmek için kullandığımız kodlar vardır, önce size bu kodları ve ne için kullanıldıklarını göstereceğim 🙂

  • * src= “resim dosyası”* kullanacağımız resim dosyasının yolunu yazarak resmin gelmesini sağlarız.
  • * width=”genişlik” * burada resmin genişliğini tanımlarız.
  • * height=”yükseklik” * burada resmin yüksekliğini tanımlarız.
  • * vspace=”düşey_aralık” * resmimizi eğer bir metin içerisinde kullanıyorsak bu kod metne olan dikey uzaklıktır.
  • * hspce=”yatay_aralık” * resmimizi eğer bir metin içerisinde kullanıyorsak bu kod metne olan yatay uzaklıktır.
  • * alt=”metin” * burada resmin üzerinde bir süre fare ile beklediğimiz zaman metnin üzerinde çıkan açıklamadır.
  • * border=”değer” * remin dışında eğer çerçeve çizgisi olacak ise “1” olmayacak ise “0” değeri kullanılır.

Şimdi bir örnek yapalım :);

Kodumuz;

Çıktımız;

 

<video>…</video> Etiketi

Bu etiket sayfamıza video yüklememizi sağlar. Bu etiket ile ekleyeceğimiz video unun etrafında çerçeve olması için “ <iframe>…</iframe> ” etiketini kullanacağız. Şimdi bir örnek yapalım :);

Kodumuz;

Çıtımız;

 

<pre>…</pre> Etiketi

Bu etiket yazdığımız bilginin sayfada olduğu gibi görünmesini sağlar. Şimdi buna bir örnek yapalım :);

Kodumuz;

 

Çıtımız;

 

 

 

Evet, arkadaşlar son olarak bundan önce 4 derste işlediğimiz etiketleri kullanarak genel bir örnek yapıp sonlandıracağız 🙂

Kodumuz;

 

Çıtımız;

 

Evet, arkadaşlar bu dersimiz bu kadar, umarım sizin için verimli geçmiştir J. Bir daha ki dersimizde görüşmek üzere 🙂  takip kalın 🙂

 

Bir cevap yazın

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