HTML'de bir web sayfası ve yazı tipi boyutu dekorasyonu

Web tasarımcılarının web sayfası için bir metin tasarlamayı bilmeleri yararlı olacaktır. Bu hizalama, renk, yazı tipi boyutu ve daha fazlasını içerir.

Biçimlendirme ile ilgili birkaç etiket vardır. En yaygın kullanılan "p" - paragraf. Metnin görünümünü tanımlayan isteğe bağlı parametrelere sahiptir.

İlk ve ana parametre "align". Metnin hizalanmasını tanımlar ve "sol", "sağ", "merkez" ve "haklı çıkar" değerlerini alabilir - sırasıyla bloğun sol tarafında, sağında, merkezinde ve tüm genişliği boyunca hizalama. Metnin konumunun ekranın kenarlıklarına göre değil, paragraf içinde belirtildiğine dikkat edin.

Daha sonra "class" ve "id" parametreleri izler.Bu nesnenin hangi sınıfa ait olduğunu ve tanımlayıcısını belirlerler. Bu aynı zamanda "style" özniteliğini de içerebilir. - satır içi blok stilini ayarlar. Bu özelliklerin tümü, aşağıda tartışılacak olan CSS ile ilgilidir.

"P" etiketi bir dezavantaj var - kullanamazsınızyazı tipinin görünümünü, örneğin rengini veya boyutunu ayarlayın. Bu amaçlar için, başka bir etiket amaçlanmıştır - "yazı tipi". Tüm parametreleri metnin nasıl görüneceğini belirler.

Bu etiketin ilk özelliği "renk" dir.Tahmin edebileceğiniz gibi, rengi belirler. Bu parametre hem adı ("beyaz", "sarı", "macenta") hem de RGB sistemindeki değerleri alabilir. Bu şu şekilde yapılır: önce bir # işareti konur ve ardından 00'dan ff'ye veya 0'dan 255'e kadar ondalık olarak - son renkteki kırmızı, yeşil ve mavi miktarı - onaltılık gösterimde üç sayı gösterilir. Örneğin kırmızıyı kullanmak için "# ff0000", sarı - "# ffff00" yazmanız gerekir.

Bir sonraki özellik "yüz" dür. Yazı tipini tanımlar. Örneğin, "Times New Roman" veya "Tahoma" olarak ayarlanabilir.

Ve son olarak, HTML'deki yazı tipi boyutundan "boyut" parametresi sorumludur. Sayısal bir değer alır - boyut.

Örneğin, metni mavi ve 15 punto "Comic Sans MS" yazı tipinde görüntülemek için, "p" etiketini parametrelerle tanımlamanız gerekir:

color = "# 6666ff" face = "Comic Sans MS" size = "15"

Ayrıca belirli bir biçimlendirme türü belirlemenize izin veren birkaç etiket vardır: "b" - kalın, "i" - italik, "u" - altı çizgili. Hepsinin parametresi yok.

HTML'de metin niteliklerini ayarlayın - yazı tipi boyutu,kulaklık oldukça rahatsız edici. Farklı metin tasarımlarına sahip blokları değiştirmeniz gerektiğini hayal edin. Daha sonra her bir etiket için aynı öznitelikleri tanımlamanız gerekir. Bu, CSS Basamaklı Stil Sayfaları ile çok daha rahat bir şekilde yapılabilir. Örneğin, önceki örnekte olduğu gibi aynı stile sahip "sınıfım" adlı bir görüntü sınıfı oluşturmak için aşağıdaki satırı "stil" etiketine ekleyin:

#myclass {font: rgb (102,102,255) "Comic Sans MS" 15pt;}

Burada "rgb (102,102,255)" rengi belirler, "KomikSans MS "yazı tipidir ve" 15pt "yazı tipi boyutudur. Renk aynı zamanda ada ve yazı tipine göre de ayarlanabilir - hem boyut hem de piksel olarak (bunun için, örneğin" 20px "yazmanız gerekir) ).

Bu tasarımı uygulamak için "p" etiketine yazmanız gerekir:

class = "sınıfım"

Diğer herhangi bir metni de aynı şekilde biçimlendirebilirsiniz. "Sınıf" parametresini ayarlamak yeterlidir kullanmak istediğiniz sınıfın değeri ile.

Ve "myid" adında bir tanımlayıcı oluşturmak için "style" ile yazmanız gerekir:

#myid {font: rgb (102,102,255) "Comic Sans MS" 15pt;},

ve "p" etiketinde "id" özniteliğini "myid" değeriyle ayarlayın.

Sınıf ve kimlik hemen hemen aynı şeydir. Bu durumda, bir etiketin hem birinci hem de ikincisi beyan edilebilir:

class = "sınıfım" id = "kimliğim"

Görünümü değiştirmenin iki yolu vardırmetin - HTML ve CSS. Bir veya iki bloğa stil uygulamanız gerekiyorsa, HTML kullanın. Aynı biçimlendirmeye sahip çok sayıda paragraf için CSS daha kullanışlıdır.

Gördüğünüz gibi, HTML'de yazı tipi boyutunu değiştirmek çok kolaydır. Programlamanın anahtarı pratiktir, bu yüzden daha sıkı çalışın ve başaracaksınız!