Bir web sayfası ve HTML yazı tipinin boyutunu Dekorasyon

Acemi web tasarımcıları bir web sayfası metnini tasarlamak hakkında bilmek faydalı olacaktır. Bu hizalama, renk, yazı tipi boyutu ve daha fazlasını içerir.

ilişkili birden çok etiketi biçimlendirme üzerinde. En yaygın olarak kullanılan, "p" - paragraf. Bu görünüm tanımlayan isteğe bağlı parametreleri vardır metnin.

Birinci ve ana parametre - bu "hizalama". Bu, "sağ", "merkez" ve "haklı" metnin hizalamasını belirler ve ya "sol" olabilir - Soldaki hizalama, sağ, orta ve sırasıyla blok genişliği boyunca. Metin pozisyonu olmayan ekran sınırlarında verilen ve paragraf içindeki unutmayın.

Bu parametreler "sınıfı" ve "id" izlemektedir. Onlar bu nesneye ve kimliğinin ait olan sınıf. Bu aynı zamanda öznitelik ve "tarz" içerebilir belirlemek - o satır içi stil bloklarını sorar. Bu özelliklerin tamamı biz biraz daha düşük gidecek CSS, ilişkilidir.

etiketinde "p" Bir dezavantajı vardır - harici belirlemedikçe yazı tipinin görünümü ; örneğin renk veya boyutu. "Font" - Bu amaçlar için başka etikettir. onun seçeneklerinin tüm metin gibi nasıl görüneceğini belirler.

Etiketin ilk özellik - "renkli". Tahmin edebileceğiniz gibi, bir renk vardır verilir. Bu parametre, RGB sisteminde adları ( "beyaz", "sarı", "magenta"), ve değerleri olarak alınabilir. İlk # işaretini koymak ve sonra üç numaraları tanımlar: Bu şöyle yapılır onaltılık gösterimde 00 ff veya 0 255 ila - ondalık - miktarına kırmızı, yeşil ve nihai renkte mavi. "# FFFF00" - Örneğin, "# ff0000", sarı yazmak için kırmızı kullanmak.

Bir sonraki nitelik - "yüz". Bu tanımlar yazı karakteri. Örneğin, "Times New Roman" veya "Tahoma" olarak ayarlanabilir.

Ve son olarak, HTML yazı boyutu için "boyut" parametresi yanıt verir. Bu sayısal bir değer alır - yazı.

Örneğin, mavi ve yazı "Comic Sans MS" onbeşinci pin metni görüntülemek için, aşağıdaki parametrelerle etiket "p" tanımlamak gereklidir:

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

"U" italik - - Kalın, "i" - alt çizgi "b": Ayrıca, bir biçimden özel tipini belirtmek olanak sağlayan çeşitli etiket vardır. Bunların hepsi hiçbir parametre.

Metin HTML niteliklerini ayarlayın - Yazı boyutunu kulaklık - oldukça rahatsız. Metnin farklı bir tasarım bloklarla dönüşümlü gerektiğini düşünün. Ardından, etiketlerin her biri için aynı özelliklerini tanımlamak zorunda. Çok daha kullanışlı CSS-Basamaklı Stil Sayfaları yardımıyla uygulanabilir. Olarak, etiket "tarzı" bu satırı eklemeniz gerekir önceki örnekte olduğu gibi Örneğin, tasarımı ile "myclass" adlı bir resim sınıf oluşturmak için:

#myclass {tipi: RGB (102.102.255) "Çizgi Sans MS" 15pt;}

Bir kulaklık ve "15pt" - - Yazı boyutunu Burada "rgb (102.102.255)" renkli "Comic Sans MS" ayarlar. çelik çomak gibi, ve (örneğin, "20px" için yazmaya gerek bunun için) piksel - Renk da isim ve yazı tipini belirtebilirsiniz.

Bu kayıdı kullanmak için, "p" etiketi yazma gereklidir:

class = "myclass"

Aynı şekilde, başka bir metin çizebilirsiniz. Parametre "sınıfı" set yeterlidir Kullanmak istediğiniz değerin sınıfından.

Ve adı "MyID" ile bir kimliği oluşturmak için, için "tarzı" kaydını gerekir:

#myid {tipi: RGB (102.102.255) "Çizgi Sans MS" 15pt;},

ve etiket "p" "MyID" değeriyle "id" ayrıntısını ayarlayın.

Sınıf ve kimlik - pratikte aynı şey. Bu durumda bir etiket birinci ve ikinci olarak ilan edilebilir:

class = "myclass" id = "myid"

HTML ve CSS - Metin görünümünü değiştirmek için iki yol vardır. Bir veya iki blok sorunu gerekiyorsa, HTML kullanabilirsiniz. özdeş biçimlendirme CSS ile paragrafların çok sayıda daha rahattır.

Gördüğünüz gibi, HTML yazı tipi boyutunu bir çırpıda değiştirmek. Ana programlama - bir uygulama, bu nedenle daha fazla egzersiz deneyin ve başarılı olacaktır!