Etiket boyutu. Html etiketi referansı
Sitenin tasarımınıza göre görünmesi için, metnin boyutunu veya HTML görüntülerinin boyutunu değiştirmeniz gerekecektir. Bunu yapmak için muhtemelen bir etiket arayacaksın " boyut"Ancak yakında böyle bir köprü metni olmadığını fark edeceksiniz.
Yazı tiplerinin, görüntülerin ve diğer öğeleri CSS'yi kullanmak için ayarlamak için. Metin veya diğer unsurlardaki herhangi bir görsel değişiklik, basamaklı stil sayfaları kullanılarak gerçekleştirilmelidir! HTML sadece yapıya yöneliktir.
Yazı tipi boyutunu değiştirmenin tek yolu modası geçmiş bir etikettir bir boyut niteliği olan. Bu etiketin eksik olduğunu unutmayın geçerli sürümler HTML ve gelecekte tarayıcılar tarafından desteklenmeyi durdurabilir! Sitenin elemanlarının ve stillerinin boyutunu değiştirin CSS kullanmalıdır.
Yazı Tipi Boyutları
CSS, yalnızca metnin boyutunu değiştirmemesini sağlar, ancak aynı zamanda sitenin tipografisini daha da büyük ölçüde kişiselleştirmenizi sağlar, HTML görüntülerinin boyutunu değiştirin. Değişiklikler yazı tipi boyutuna, rengi, rengi, çizim, interstisyel aralık ve diğer özelliklere uygundur. Etiket yalnızca boyut ve değeri ayarlayabilir, varsayılan olarak farklı tarayıcılar farklı.
12pt yazı tipine sahip bir paragraf almak için, yazı tipi boyutu özelliğini ayarlamanız gerekir:
h3 (yazı tipi boyutu: 24px;)
Bu, üçüncü seviye başlıklarının boyutunu 24 piksel kadar değiştirecektir. Bu özelliği harici stil tablosuna ekleyebilirsiniz ve bu değer tüm başlıkları kullanır.< h3>.
Metne ek tipografi stilleri uygulamak için aşağıdaki CSS kurallarını ekleyin:
h3 (Yazı Tipi Boyutu: 24px; Renk: # 000; Yazı Tipi Ağırlığı: Normal;)
Yalnızca üçüncü düzey başlıklar için yazı tipi boyutunu ayarlamaz, aynı zamanda metin siyahı yapacak ( # 000'in hex kodu ne diyor?), değerindeki yazıyı ayarlamanın yanı sıra " normal" Varsayılan olarak, tarayıcılar H1-H6 başlıklarını kalın bir metin biçiminde gösterir. Bu stil varsayılan değeri geçersiz kılacak ve bir yazı tipi düşük yağ yapacaktır.
Görüntü boyutları
Tarayıcı otomatik olarak yapabildiği için istenen görüntü boyutunu belirlemek her zaman mümkün değildir. Tarayıcılar bu görevle her zaman iyi başa çıkmazlar, bu yüzden eşlemenin kalitesi kesinlikle acı çekiyor. Bu nedenle, görüntünün boyutunu HTML'de ayarlamadan önce, kullanmak daha iyidir. grafik editörü. Ve sonra gerçek boyutlarını web sayfası işaretlemesinde reçete edin.
Görüntünün boyutunu belirlemek için fontların aksine, hem HTML hem de CSS'yi kullanabilirsiniz. HTML kullanarak, resimlerin boyutu sadece piksellerde ayarlanabilir. CSS'de, boyutlar başka bir değere ayarlanabilir. Örneğin, inç, santimetre ve yüzde olarak. Sitenin adaptif resimlerle birlikte olmasını istiyorsanız, yüzde uygulamak daha iyidir.
HTML'de bir resim boyutunu ayarlamak için etiketi kullanın Yükseklik ve genişlik özellikleri ile.
Örneğin, görüntü 400 piksel boyutu başına 400 olmalıdır:
yükseklik \u003d "400" width \u003d "400" alt \u003d "(! Lang: görüntü" />!}
Görüntünün boyutunu CSS'de ayarlamak için, yükseklik ve genişlik özelliklerini kullanın. Burada, CSS'nin kullanıldığı boyutunu belirlemek için resim:
stil \u003d "yükseklik: 400px; genişlik: 400px;" alt \u003d "(! Lang: görüntü" />!}
Sayfadaki temel blokların boyutları
Çoğu zaman sayfadaki ana bloklar için genişliğini ayarlayın. İlk önce tasarım türüne karar vermeniz gerekir: statik veya uyarlanabilir. Mutlak ölçüm birimlerinde genişliği ayarlamak isteyip istemediğinize karar vermek gerekir - piksel, inç, puanlar? Yoksa blok boyutu uyarlanabilir olmalı mı ve EM veya yüzdeler boyutları tanımlamak için kullanılmalıdır? Ana blokların boyutunu ayarlamak için, pencerenin boyutunda HTML görüntüleri durumunda olduğu gibi, CSS özellikleri yüksekliği ve genişliğini uygulamanız gerekir.
Html etiketleri - kuruluş hTML Dili. Etiketler, işaretlemedeki öğelerin başlangıcı ve sonu arasında ayrım yapmak için kullanılır.
Her HTML belgesi, bir HTML öğesi ve metin ağacından oluşur. Her HTML öğesi, başlangıç \u200b\u200b(açılış) ve final (kapanış) etiketi ile gösterilir. Açma ve kapama etiketleri etiketin adını içerir.
Tüm HTML öğeleri beş tipe ayrılır:
- boş elemanlar — ,
,
,,