HTML'de Metin Rengi Ve Yazı Tipi Türlerini Değiştirme - AltitudeTVM

Trang chủ » Html Yazı Tipi Kodları » HTML'de Metin Rengi Ve Yazı Tipi Türlerini Değiştirme - AltitudeTVM

Có thể bạn quan tâm

Metin ve yazı tipi türünde renk seçimiHTML belgelerine uyguladığımız dikkat ve dikkat gerektiren önemli şeylerden biridir. Yazı tipleri, belgede kullanılan harf türüdür.

Dikkat etmemiz gereken birkaç şey varweb sitesi tasarımına göre uygulanan yazı tipi türünün, uygulanan yazı tipi türünün ziyaretçilerin web sitesindeki içeriği okumasını kolaylaştıracağı, yazı tipi türünün web sitesinin temasına veya konusuna uygun olup olmadığı ve uygulanan metnin renginin arka plana uygun olup olmadığı ve ziyaretçilerin metni okuyun vb.

HTML'nin kendisi öğeler sağlarözellikle HTML belgelerindeki yazı tipi ve renk uygulamalarını ayarlamak için kullanılır. Kullanabileceğimiz birçok yazı tipi türü vardır, ancak web tarayıcısında bir bütün olarak görüntülenecek yazı tiplerinin kullanıcının bilgisayarından geldiğini de hatırlamamız gerekir. Kullanılan tarayıcı bilgisayarımızdaysa sorun değil, başka bir bilgisayardaki tarayıcıda açılırsa, uygulanan yazı tipi türü o bilgisayarda bulunmadığından, tasarlanan web tasarımı kaotik hale gelebilir.

Bu nedenle standart yazı tipini kullanmakgenellikle Windows, Linux, Mac OS ve diğerlerinde kullanılabilir. Standart yazı tipleri genellikle web tarayıcılarının çoğu tarafından desteklenir, böylece endişelenmenize gerek yoktur. Kullanabileceğiniz aşağıdaki standart yazı tipi türleri:

1. Serif Yazı Tipi Türleri

Serif yazı tipi, bacakları olan bir yazı tipidirTimes New Roman ve Georgia gibi her mektupta. Bu yazı tipi hızlı ve kolay okunur olma eğilimindedir, bu nedenle genellikle kağıt baskı ortamları için kullanılır.

2. Tek Aralıklı Yazı Tipi Türleri

Tek aralıklı fontlar, karakterleri Courier, Courier New ve Andale Mono ile aynı genişliğe sahip font türleridir. Doğası gereği, bu yazı tipi genellikle program yazmak için kullanılır.

3. Sans-Serif Yazı Tipi Türleri

Sans-serif yazı tipi, olmayan bir yazı tipidirHer harfin Arial, Verdana, Trebuchet MS, Helvetica ve Calibri gibi bacakları vardır. Bu yazı tipi genellikle web sitelerinde yazı tipi olarak kullanılır.

4. Cursive Yazı Tipi Türleri

Cursive yazı tipi, Comic Sans gibi kaligrafi veya el yazısını taklit eden bir yazı tipi türüdür. Bu yazı tipi genellikle yazma işleminin çok resmi olmayan yönleri için kullanılır.

5. Fantezi Yazı Tipi

Fantezi yazı tipi, yazı tipi matrisi, Disney ve diğerleri gibi özel yazı tipi karakterleri ile görsel olan ve sayfa metni için nadiren kullanılan bir yazı tipi türüdür.

HTML'deki metin rengi malzemesini ve yazı tipi türlerini daha iyi anlayabilmeniz için aşağıdaki açıklamaya bakalım:

Öğe Yazı Tipi

Yazı tipi etiketleri ile bir metnin rengini ve boyutunu ayarlayabilir veya değiştirebilirsiniz. HTML tarafından sağlanan yazı tipi öğelerini de kullanabilirsiniz.

Bu öğenin kullanımı <0000 etiketi ile işaretlenir ve </font> etiketi ile biter Metnin rengini ve boyutunu değiştirmek, font öğesinde bulunan öznitelikler kullanılarak, yani:

nitelik fonksiyon
yüz Web sayfasında kullanılan yazı tipini belirtir
renk Kullanılan metnin rengini belirtin
boyut 1'den 7'ye kadar değerleri olan bir metnin boyutunu belirtir

HTML'de yazı tipi etiketlerini kullanmak için örnek bir kod:

<!DOCTYPE html> <html> <head> <title>Penggunaan Elemen Font</title> </head> <body> <p><font face="Courier New" color="green" size="3">Claudio Andres Bravo Munoz menandatangani kontrak sebagai kiper FC Barcelona pada musim panas 2014 berasal dari Real Sociedad. Lahir pada 13 April 1983, di kota kecil Viluco de Buin, di daerah Santiago Cile. Ia mulai bermain sepak bola sejak kecil, walaupun awalnya bukanlah sebagai seorang kiper, sebaliknya ia bermain sebagai seorang striker dan kemudian menjadi pemain bertahan.</font></p> </body> </html>

Yukarıdaki kod tarayıcıda yürütüldükten sonra aşağıdaki resim gibi görünecektir:

HTML'de yazı tipi etiketlerinin kullanımı

Mevcut kullanımında, yalnızca <0000 etiketiHTML 4.01 tarafından desteklenir, ancak HTML5 tarafından kaldırılsa bile desteklenmez. Çünkü <atible etiketinin kullanımı, CSS işlevlerinin <REE etiketinden daha üstün ve verimli olduğu CSS ile değiştirilebilir.

Aşağıda HTML'deki yazı tipi ayarlarında CSS kullanımına bir örnek verilmiştir:

<!DOCTYPE html> <html> <head> <title>Penggunaan CSS - FONT di HTML</title> <style type="text/css"> #p{ color: #ff00ff; font-size: 20px; font-weight: bold; font-family:Rockwell, Calibri, Monospace; font-style : oblique; } #p1{ color:#0000FF; font-size: 1em; font-weight: normal; font-variant: small-caps; font-family: Andale Mono;} </style> </head> <body> <p id="p">Contoh penggunaan CSS untuk mengatur font style pada suatu teks di HTML</p> <p id="p1">Contoh Berikutnya Ini</h5> </body> </html>

Sonuç aşağıdaki resme benzeyecektir:

html ve css yazı tiplerinin kullanımı

CSS kodunu ve resmini gördükten sonratarayıcıda görünüyor, elbette yukarıdaki koddaki yazı tipi özelliklerinin ne olduğu hakkında birçok sorunuz var. Burada birer birer küçük bir açıklama yapıyorum (ama unutmayın, hala CSS'ye değil, önce HTML'ye odaklanıyoruz):

A. CSS yazı tipi boyutu

Yazı tipi boyutu boyutunu belirlemek için kullanılırgörüntülenecek metin karakteri. Böylece, bir HTML belgesindeki her metin için farklı yazı tipi boyutları uygulayabilirsiniz. Önceki koddaki örnek gibi yazı tipi boyutunu belirlemek için piksel, em veya% birimlerini kullanabilirsiniz:

#p{ font-size: 20px; } #p1{ font-size: 1em; }

Em birimleri kullanılması önerilir1em'in 16 piksel olduğu bir piksel yerine. Pikselleri daha rahat kullanmak da sorun değil. Örnekte # p1 {font-size: 1em; }, piksel değeri 16 pikseldir, çünkü 16 piksel / 16 = 1em.

B. CSS yazı tipi ailesi

Yazı tipi ailesi, HTML belgelerine uygulanan yazı tipi türünü belirlemek için kullanılır. Örnek olarak, önceki kodda font-family kullanma örneğine bakın:

#p{ font-family:Rockwell, Calibri, Monospace;} #p1{ font-family: Andale Mono;}

#P'de üç yazı tipi vardır: Rockwell,Calibri ve Monospace. Bu, ilk olarak uygulanacak yazı tipinin Rockwell olduğu anlamına gelir. Ancak Rockwell yazı tipi kullanıcının bilgisayarında yoksa, uygulanacak yazı tipi Calibri olur. Ardından, yoksa, varsayılan yazı tipi olan Monospace'i uygulayın.

C. CSS yazı tipi ağırlığı

Yazı ağırlık kalın, örneğin, aşağıdaki kodda yazdırmak için kullanılır önceki:

#p{ font-weight: bold;} #p1{ font-weight: normal};

D. CSS yazı tipi stili

Yazı tipi stili, tekniği normal, italik ve eğik olmak üzere 3 değer kullanabileceğiniz italik olarak yapmak için kullanılır. Aşağıda yazı tipi stilini kullanma örneği verilmiştir:

#p{ font-style : oblique;} // Teks ditampilkan berbentuk condong #p1{ font-style : normal;} // Teks ditampilkan biasa tanpa style #p2(font-style : italic;} // Teks ditampilkan dalam huruf miring

E. CSS yazı tipi değişkeni

Varyant yazı tipi, tüm büyük harflerle metin yazdırmak için kullanılır. İşte kullanımının bir örneği:

#p{ font-variant: normal;} // Teks normal #p1{ font-variant: small-caps ;} // Teks ditampilkan dalam huruf kapital semua

Yukarıdaki makaleyi okuduktan sonra umarımHTML belgenizdeki renk ve yazı tipi türünü değiştirebilir. Bir sonraki HTML öğreticisi, q ve blockquote etiketlerini kullanarak HTML'de alıntılar oluşturmakla ilgilidir.

Bölüm 8: Üst Simge, Alt Simge, Küçük ve İşaretli Metin

Từ khóa » Html Yazı Tipi Kodları