Sitemizde 29 Kategoriye 2398 Eğitim Eklenmiştir, 4172 adet yorum bulunmaktadır.

21-img-etiketinin-kullanimi-detayli-anlatim

21-img-etiketinin-kullanimi-detayli-anlatim



HTML Neler Sunuyor?
– Görsel, yazı ve video gibi içeriklerin web sayfasına konumlandırılmasını sağlamaktadır.

– Oluşturulan bu içeriklerin doğru şekilde internet sitelerinde görüntülenmesini sağlar.

– Arama motorlarına web siteleri hakkında bilgi verir.

Html kodu yazmak için bilgisayarlara bir program yüklemek gerekmez. Wordpad, not defteri ya da word gibi ortalarda bir metin editörü html sayfaları oluşturabilir. Kod yazmayı daha kolay hale getirmek için dreamwear, sublime Text ve notepad++ gibi araçlar kullanılabilir. Yazılan html kodları kaydedilirken htm, xhtml ve html gibi tarayıcıların anlayacağı şekilde kaydedilmesi gerekir.

HTML Yazarken Dikkat Edilmesi Gerekenler
A- ,, şeklinde () büyüktür ifadesi ile yazılan birime tag denir.

B- Açılan etiketler kapatılmalıdır. Etiketler / işareti ile kapatılır.

C- Html kodları yazılırken Türkçe karakter yer almaz.

D- Bu etiketler yazılırken küçük ya da büyük harf tercih edilebilir. Ancak genellikle küçük harfler tercih edilir.

HTML Etiketleri ve HTML Etiketlerinin Anlamları
– Html: Tüm etiketleri saran, html kodu ile kodlama işleme yapılması gerektiğini belirten sayfanın başında açılarak sayfanın sonunda da kapatılan etiketin adıdır.

– Head: Hazırlanan site ile alakalı içerik ve tanımların yer aldığı bölümdür. Bu alanda yer alan kodlar sitede görünmez.

– Body: Bu alan tüm sitenin görüntülendiği ve siteye giren herkesin görebildiği alandır. Kullanılan etiketlerin büyük kısmı body alanı üzerinde yer bulunur.

Metin Düzenleme Etiketleri
Tagının içine yazılan metin düzenleme etiketleri tek tek incelendiğinde şu detaylar öne çıkıyor.

1) Başlık Etiketi: Başlık eklemek için bu başlık kullanılır.

Başlıktaki h, İngilizce heading yani başlık demektir. h1, h2, h3, h4, h5, h6 olarak 6 değişik şekilde başlık boyutu vardır. EN büyük başlık için h1 tercihi kullanılır.

2) Kalınlık Etiketi: Yazıları kalın yapmak için etiketi tercih edilir. İngilizce bol kelimesi kalın demektir. Bu kelimenin baş harfi kullanılarak simgesi oluşturulmuştur.

3) İtalik (eğik yazı) Etiketi: Eğik yazım için bu etiket tercih edilir. İngilizce ıtalic kelimesinin baş harfi kullanılarak simgesi oluşturulmuştur. Vurgu yapılması gereken yerde bu etiket kullanılır.

4) Altını Çiz etiketi: İstenen yerlerin altını çizmekte kullanılan bu etiket İngilizce underline kelimesinin baş harfi ile oluşturulmuştur.

5) Alt Satıra Geç Etiketi: Alt satıra geçmek için html kodu yazarken enter tuşu işe yaramaz. Bu işlem için etiketi ile html de alt satıra geçilir.

6) Paragraf Etiketi: Uzun yazılarda okunurluğu arttırmak için metni paragrafla bölmek için etiketi kullanılır.

7) Etiketi: Bu etiket yazının renk ayarla işlemi, yazı boyutu değiştirme işlemi ve yazı tipini değiştirme işlemini yapmak için bu etiket kullanılır. Bu üç işlemi aynı etiket ile yapmak için 1 ve 7 arasındaki parametreler etiket içinde kullanılır.

HTML’de Bağlantı Oluşturma
Html’de bağlantı oluşturma aslında gezinti işlemlerinin temelini oluşturur. Web sayfası birçok alt başlık menüden meydana gelir bunun için html kodları bu alanlar arası bağlantı oluşturarak bağlantı ağı oluşturulur.

– Site İçi Bağlantı Oluşturma: etiketi ile web sayfası içinde bağlantı ağı oluşturulabilir.

– Site Dışı Bağlantı oluşturma: Site dışı bağlantı dendiğinde siteniz ile Facebook ile bağlantı kurulabilir. Site dışı bağlantı yapılırken site adının baş kısmına https:// ya da http:// ön eki eklenmesi gerekir.

Daha Fazla HTML Videolu Eğitim Dersleri İçin HTML Videolu Eğitim Kategorisini İnceleyiniz…
#21imgetiketininkullanimidetaylianlatim

Van Web Tasarım

Tavsiye İçerik

MySQL Dersleri – Appserv Sunucu ve PhpMyAdmin Kurulumu

MySQL Dersleri – Appserv Sunucu ve PhpMyAdmin Kurulumu MySQL Nedir? MySQL bir ilişkisel veri tabanı …

10 Yorumlar

  1. En son burda kaldım unutmayim 😀

  2. tamam unutmayız 😀

  3. yazdığım kodlar firefoxta çalışmıyor ama chromeda tıkır tıkır çalışıyor bir türlü çözemedim sorunu.

  4. ilkay karatepe

    😀 😀

  5. hocam örneğin ben bu sitenin background resmini bulamadım kodlarda bunu nasıl buluruz?https://www.mozilla.org/tr/firefox/new/

  6. İmg fotoğraf yüklenmiyor sayfaya hocam,

  7. Yiğit Seydaoğlu

    Yazdığım kod ve adreslediğim klasörde bir hata olduğunu sanmıyorum. Hem video hemde diğer linklerde kontrol ettim ama buna rağmen adreslediğim image ı alamıyorum. Tıkandık burda şansımıza 🙁 varmı yönlendirecek olan ?

    <img src="img/tiger.jpg"/>

  8. Mustafa Uysal

    hocam bende dedıgınız sıteden resımı ındırdım aynı yolla notepad e yazdım ama resım gelmıyor . kırık resım gozukuyor. ayrıyetten pc de olan resımlerı bıle gormuyor.

  9. Allah razı olsun hiçkimse senin kadar detaylı ve güzel anlatmıyor en az 10 youtuber gezdim toplasan sen yapmazlar sayende web dili de öğrendik umarım ömür boyu mutlu mesut yaşarsın senin gibi değerli insanlar olduğunu bilmek çok güzel

  10. Yok abi olmuyor her yolu denedim.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.