Sözdizimi

CSS'nin analoğu -renk

YÜZ parametresi

Face parametresi, metin için kullanılan yazı tipi yazı tipini belirtmek için kullanılır. Birkaç yazı tipi adını virgülle ayırarak listeleyebilirsiniz. Bu durumda, belirtilen ilk yazı tipi bulunamazsa tarayıcı listedeki bir sonraki yazı tipini kullanacaktır.

Sözdizimi

Bağımsız değişkenler, virgülle ayrılmış herhangi bir sayıda yazı tipi adıdır. Evrensel yazı tipi aileleri:

• serif— Times gibi serif yazı tipleri (antik);
• sans-serif— sans-serif yazı tipleri (serifsiz veya sans serifsiz yazı tipleri), tipik bir temsilci Arial'dır;
• el yazısı— italik yazı tipleri;
• fantezi— dekoratif yazı tipleri;
• tek aralıklı- tek aralıklı yazı tipleri, bu ailedeki her karakterin genişliği aynıdır.

CSS analogu - yazı tipi ailesi

BOYUT parametresi

Yazı tipi boyutunu 1'den 7'ye kadar isteğe bağlı birimler halinde ayarlar. Varsayılan olarak kullanılan ortalama boyut 3'tür. Yazı tipi boyutu mutlak bir değer olarak (örneğin, boyut=4") ya da göreli bir değer olarak (örneğin, boyut=4") belirtilebilir. örneğin, boyut = "+1" boyut = "-1"). İkinci durumda, boyut tabana göre değişir. Yazı tipi boyutu yalnızca belirtilen boyut parametresinden değil aynı zamanda yazı tipi yazı tipi seçiminden de etkilenir. Yani Arial yazı tipi daha büyük görünüyor Times yazı tipi ve Verdana yazı tipi Arial yazı tipinden biraz daha büyüktür. Bir yazı tipi ve boyutunu seçerken bu özelliği dikkate alın.

Sözdizimi

Argüman 1'den 7'ye kadar bir tamsayı veya + ve - sembollerini kullanan değerdeki artış veya azalıştır.

Bugün, metin biçimlendirmesine izin veren Font, Blockquote, Pre, Strong, Em, B, I ve diğerleri gibi çeşitli etiketleri dikkate almaya devam edeceğiz.

Blockquote ve Ön HTML biçimlendirmesi

Daha önce (CSS'nin ortaya çıkmasından önce bile) alıntı etiketi Blok alıntı V HTML kodu Oldukça sık kullanıldı çünkü içine alınan metin parçası yatay bir girintiye sahipti, bu o zamanlar kullanımın imkansızlığı nedeniyle bunu yapmak o kadar kolay değildi. CSS özellikleri. Blockquote öğesi eşleştirilmiştir ve hem satır içi etiketleri hem de blok etiketleri (örneğin, P paragrafları) içerebilir.

Örnek

Blockquote'un içine alınmış örnek

Günümüzde Blockquote etiketi metin formatlarken hala kullanılmaktadır, ancak günümüzde alıntıların görünümü genellikle şu şekilde ayarlanmaktadır: CSS kullanma tasarım şablonunuzun stil sayfalarını içeren dosyada kendisi için özel olarak belirtilen özellikler. Örneğin, benim blogumda style.css'de aşağıdaki satırları bulabilirsiniz:

#content blokquote(margin:15px 0 20px 0;padding:5px 8px 5px 35px;background:#eaedf0 url(images/quote2.png) tekrarlanmayan sol üst;background-position:8px 5px;color:#666;font- boyut:14 piksel; genişlik: %91; yazı tipi stili: italik;) #içerik blok alıntı p(renk:#666; yazı tipi boyutu: 14 piksel;)

Peki Blockquote'ta yer alan alıntıların yazı metninde nasıl görüneceğini yöneticiyle yapılan röportajla görebilirsiniz.

Daha önce Html'deki alıntıya ek olarak (CSS'nin ortaya çıkmasından önce), başka bir biçimlendirme etiketi oldukça yaygın olarak kullanılıyordu - Merkez. Eşleştirilir (bir tür kap) ve bloklanır. Bu eylemin sonucunda merkeze hizalanacak herhangi bir metin öğesini (hem çizgi hem de blok) içerebilir.

Şimdi etikete bakalım Ön belirtilen metin biçimlendirmesini doğrudan aktarmanıza olanak tanır. kaynak kodu. Tarayıcıda kod ayrıştırılırken ardışık tüm girişlerin (boşluk, sekme ve satır sonu) tek bir boşlukla değiştirileceğini söylediğimi unutmayın.

Yani Pre elementi boşluk karakterlerinin kısaltılmasını devre dışı bırakır içine eklenecek metin bölümünde. Dikkate değer olan şey, Pre'ye eklenen bir parça için tarayıcının boşluk karakterlerini kullanarak satırları otomatik olarak kesmemesidir.

Onlar. Pre öğesinin içindeki tüm satırlar tarayıcı tarafından bölünemez olarak kabul edilecektir - kodda yazdığınız gibi, tarayıcıda bu şekilde görüntülenecektir. Ayrıca tarayıcıda, Pre etiketi kullanılarak biçimlendirilmiş metnin bir bölümünü görüntülemek için Courier New veya benzeri gibi tek aralıklı bir yazı tipi kullanılacaktır.

Kaynak kodu etiketinde biçimlendirme Ön etiketler güncel değil

Ön etiketinin kendisi blok düzeyindedir ve içinde (bu etiket eşleştirilmiştir) yalnızca satır içi içerik bulunabilir (yani P paragrafları, H1 - H6 başlıkları vb. içine yerleştirilmemelidir).

Html'de metni biçimlendirmek için tasarlanmış başka bir blok etiketi vardır - Adres. Doğrulayıcı standartlarına göre, tarayıcıda italik olarak görüntülenecek olan bu etiketin içinde yalnızca satır içi içerik bulunabilir.

Yazı tipi - saf Html'de metin rengi ve yazı tipiyle çalışma

Güçlü, Em - metinde mantıksal ve görsel vurgulama için etiketler

Eğer CSS şu anda mevcut olmasaydı, belirli mantıksal ve fiziksel (görsel) metin biçimlendirme etiketlerinin amacını açıklamam gerekecekti. Ama çünkü CSS artık sitelerin büyük çoğunluğunda zaten kullanılıyor, bu tür etiketlerin Html kodundaki rolü zaten neredeyse sıfıra indirildi, bu yüzden hızlıca bunların üzerinden geçeceğim ve bunların neden daha önce kullanıldığını açıklayacağım (ve bazıları hala kullanılıyor) ).

Görsel etiketler, sitenize gelen ziyaretçilerin görebileceği ancak arama motorlarının özellikle dikkat etmemesi gereken metnin stilini değiştirmek için tasarlanmıştır.

Mantıksal metin biçimlendirme etiketleri teorik olarak herhangi bir şeyi belirtecek şekilde yönlendirilir. arama motorları için aksanlar. Kullanıcı için bu öğelerle vurgulama, vurgulanan kelimelerin görünümünü de değiştirecektir.

Hatırlarsanız, çok uzun zaman önce, optimize edicilere, kullanıcıya normal kalın ve italik gibi görünecek Güçlü ve EM mantıksal biçimlendirme etiketleriyle önemli yerleri anahtar kelimelerle (vurgulanması gerektiği gibi) vurgulamaları önerildi.

Ama olmayan seçimler için anahtar kelimeler kullanılması tavsiye edildi HTML öğeleri Kullanıcılar için yine kalın ve italik gibi görünen ancak arama motorları tarafından dikkate alınmayan "B" ve "I", çünkü mantıksal biçimlendirme etiketleri değildirler.

Artık tüm bunlar pratikte amaçlandığı gibi çalışmıyor ve arama motorlarından bunun için belirli bir kazanç elde etmeyi gerçekten ummak yerine, Strong ve EM kullanarak anahtar kelime seçimini daha çok alışkanlıktan yapıyoruz.

Bu nedenle, daha önce bahsedilen “B” ve “I” (koyu ve italik olarak) kategorisine ek olarak görsel biçimlendirme Bunlar, makalenin başında zaten tartışılan Font, Pre'nin yanı sıra etiketleri içerir:

1. "U" - altı çizili
2. "Grev" - üzerini çiz
3. "Sup" - üst simge
4. "Alt" - alt simge
5. "Tt" - tek aralıklı yazı tipi
6. “Büyük” - yazı tipini artırın
7. “Küçük” - yazı tipini azaltın

Şimdi elementlerin listesine bakalım mantıksal biçimlendirme metin:

1. “Em” - önemli parçaların italik harflerle mantıksal olarak vurgulanması
2. “Güçlü” aynıdır, ancak yalnızca kalın harflerle öne çıkacaktır
3. "Alıntı" - alıntıları italik hale getirin
4. “Kod” - çeşitli kodları tek aralıklı bir yazı tipiyle görüntülemek için tasarlanmıştır
5. “Samp” - tek aralıklı bir yazı tipiyle birkaç karakteri vurgulamak için
6. “Abbr” - Bu etiketin Başlık özelliği, bir kısaltmanın kodunun çözülmesini içerir (CSS veya Html gibi, tek bir kelime olarak değil, harflerle okunur). Fare imlecini bu kısaltmanın üzerine getirdiğinizde Başlıkta yazılan kelimeler açılacaktır.
7. “Kısaltma” da aynı şeydir ancak kısaltmalar için kullanılır; harflerle değil kelime olarak okunan kısaltmalar (örneğin, MKAD veya Gai)
8. “Kbd” - site kullanıcısı tarafından klavyeden girilen metni tek aralıklı yazı tipinde görüntülemek için kullanılır
9. "Var" - bazı kodlardaki değişkenleri italik yapmak için kullanılır
10. “Del” - Html belgesi yayınlandıktan sonra bazı parçaların silindiğini göstermek istediğinizde üstü çizili vurgulama
11. “Ins” - Html belgesinin yayınlanmasından sonra bir parçanın eklendiğini göstermeniz gerektiğinde altını çizme

Bu biçimlendirme etiketlerinin çoğu zaman kod yazarken çok nadiren bulunduğunu bir kez daha tekrar ediyorum, ancak yine de amaçlarını bilmek gereksiz değil.

Size iyi şanslar! Yakında blog sitesinin sayfalarında görüşmek üzere

İlginizi çekebilir

Boşluk karakterleri ve bunların Html'deki kod formatlarının yanı sıra özel karakterler bölünmez alan ve diğer anımsatıcılar
Html ve CSS kodunda renkler nasıl ayarlanır, tablolardaki RGB tonlarının seçimi, Yandex çıktısı ve diğer programlar Select, Option, Textarea, Label, Fieldset, Legend - Açılır listeler ve metin alanları biçimi için Html etiketleri
Html kodundaki listeler - UL, OL, LI ve DL etiketleri
Köprü nasıl oluşturulur (A, Href, Hedef boş), sitede yeni bir pencerede nasıl açılır ve ayrıca Html kodunda bir resim bir bağlantı haline getirilir
Html'deki tablolar - Table, Tr ve Td etiketlerinin yanı sıra bunları oluşturmak için Colspan, Cellpadding, Cellspacing ve Rowspan
Html 4.01 standardına göre H1-H6 başlıkları, yatay çizgi Hr, satır sonu Br ve paragraf P'nin etiketleri ve nitelikleri
Hiper metin dili nedir HTML işaretlemesi ve W3C doğrulayıcıdaki tüm etiketlerin listesinin nasıl görüntüleneceği
Img - Bir resim eklemek (Src), etrafındaki metni hizalamak ve sarmak (hizalama) ve ayrıca arka planı (arka plan) ayarlamak için kullanılan Html etiketi
Html kodundaki yorum direktifleri ve Doctype'ın yanı sıra blok ve satır içi öğeler (etiketler) kavramı

Tanım

Etiket boyut, renk ve yazı tipi gibi yazı tipi özelliklerini değiştirmek için kullanılan bir kaptır. Bu etiket hala tüm tarayıcılar tarafından desteklense de, eski olduğu düşünülmekte ve stillerin lehine kullanımından vazgeçilmesi tavsiye edilmektedir.