Metin rengini ayarlayın. Yazı tipi etiketinin renk özelliği

Metin rengini ayarlayın.  Yazı tipi etiketinin renk özelliği
Metin rengini ayarlayın. Yazı tipi etiketinin renk özelliği

Bu derste son etiket özelliğine bakacağız , metnin rengini ayarlar. Varsayılan olarak metin siyahtır ve beyaz bir arka planda görüntülenir. İçin HTML'de metin rengini değiştirme etiketinin renk özelliğini uygulamanız gerekir :

Bir rengi ayarlamak için adını belirtmeniz yeterlidir; örneğin: kırmızı, yeşil, mavi. Küçük bir örneğe bakalım:

<span>Ders 6. Metin rengini değiştirme</span>

Yeşil metin

Kırmızı metin

Mor metin



Sonucu tarayıcıda görelim:

İlk paragraftaki metin yeşile, ikinci paragraftaki metin kırmızıya ve üçüncü paragraftaki metin mora döndü. Toplamda 16 ana renk ve 130 ek renk adı vardır. Tam liste HTML renk tablosunda görebileceğiniz renkler.

Rengi belirtmenin bu yolu çok basit ama çok sınırlıdır. Bu nedenle, HTML kodundaki rengi değiştirmek için genellikle önünde karma işareti (#) bulunan onaltılık bir sayı kullanırlar, örneğin:

Bu tanımı kullanarak 16 milyondan fazla renk ve tonlarını elde edebilirsiniz! Renk kodunu sitede bulunan renk kodunu kullanarak veya Photoshop'taki renk paletini kullanarak alabilirsiniz. Bir örneğe bakalım ve aşağıdaki kodu yazalım:

<span>Ders 6. Metin rengini değiştirme</span>

Yeşil metin

Kırmızı metin

Mor metin



Dosyayı kaydedip sonuca bakalım:

Gördüğünüz gibi ilk örnekte olduğu gibi metne aynı renkleri verdik, sadece burada onaltılı sayı sistemini kullandık, yani rengi HEX formatında belirledik.

Artık html'de metin rengini nasıl değiştireceğinizi öğrendiniz ve dersin sonunda tüm etiket niteliklerini tekrarlamanızı öneriyorum. ve metne aynı anda birkaç parametre ayarlayın: yazı tipi, boyut ve renk. Bir örnek yazın:

<span>Metne birkaç parametre veriyoruz</span>

Metin yazı tipini, boyutunu ve rengini ayarlayın

Metin yazı tipini, boyutunu ve rengini ayarlayın



Son yazımda size bunların nasıl kullanılacağını vb. anlatmıştım. Ve bugün size web sitesi oluşturmanın başka bir ayrılmaz parçasından, yani niteliklerden bahsedeceğim. HTML etiketleri. Ve tabi ki geleneğe uygun olarak canlı örneklerle onlara bakacağız ve geçen yazımızda tanıttığımız Lukomorye ile web sitemizde deneyeceğiz.

Nitelik, bir etiketin yeteneklerini genişleten ve içeriğin özelliklerini değiştirebilen özel bir eklentidir. Etiket her zaman sabitse, özelliğin birçok değeri olabilir. Örneğin, etikette metin rengi, metin boyutu, yazı tipi vb. nitelikleri koyabiliriz. Ancak yazı tipine başka bir makalede daha ayrıntılı olarak bakacağız.

Evrensel ve evrensel olmayan nitelikler vardır. Evrensel olanlar hemen hemen tüm etiketler için uygundur ve evrensel olmayanlar bir veya daha fazlası için uygundur, ancak hepsi için uygun değildir...

Nitelik, etiketin içine değerinden sonra ancak kapanış köşeli parantezinden önce yazılır. İlk olarak, niteliğin kendisi yerleştirilir, ardından eşittir işareti ve ardından değerin kendisi tırnak içine alınır. Şuna benziyor:

Metin

Bu örnekten ne çıkıyor? Bir paragraf açtık ve etiketin içinde metnin hizalanmasından sorumlu olan hizalama özelliğini ayarladık. Daha sonra bu özelliğe bir değer atadığımız anlamına gelen “=” işaretini koyuyoruz. Aşağıda bu değeri tırnak içinde yazıyoruz. Bu durumda "merkez"dir. Bu, bu (ve yalnızca bu!) paragraftaki metnin ortalanacağı anlamına gelir. Kendiniz deneyin.

Ancak web sitesini kontrol etmeyi unutmayın HTML kitabı. Orada kesinlikle neyin eşleştiğini bulacaksınız. Bu sadece herhangi bir web geliştiricisi için, özellikle de yeni başlayanlar için bir masaüstü referansıdır.

Hizala

Zaten anladığınız gibi bu özellik metin hizalaması anlamına gelir. Genellikle içeriğin kendisinden sorumlu olan etiketlere (metin, resimler vb.) yerleştirilir. Genel olarak başlıklara koyabilirsiniz (

,...,

), paragraflarda (

), resimler , blok öğesi (

).

Olası özellik değerleri:

  • sola — sola hizalama (varsayılan)
  • sağ – sağ hizalama
  • merkez – merkez hizalaması
  • yasla - tam genişlikte hizalama

Öğelerinizin düzeninin nasıl değiştiğini pratik yapmaya ve görmeye çalışın.

Başlık

Tanıdık bir isim, değil mi? Gerçekten mi. Böyle bir etiket var ve onu arasına koyuyoruz Ve . Ama şimdi özellikle bu özellikten bahsediyorum ve evrensel olduğu için hemen hemen her etikete uyuyor. Ve gezinirken bir ipucu olarak buna ihtiyaç vardır. Önemli olan bu ipucunu kendiniz yazmanızdır. Şunun gibi bir şeye benziyor:

5-3 nedir?

Burada ne görüyoruz? Başlangıçta paragrafı açıyoruz, sonra niteliğin kendisini yazıp ona “Neden aptalsın? 2 tane olacak." Daha sonra görüntülenen metni yazıyoruz ve sonunda etiketi kapatıyoruz

.

Bundan sonra ne olacak? Belgeyi kaydedin ve kendiniz görün. Metnin üzerine geldiğinizde bir araç ipucu görünmelidir.

Çoklu anlamlar

Bir etiket herhangi bir sayıda özellik içerebilir. Önemli olan bu etikete karşılık gelmeleridir. İşte bir örnek:

İçerik

Gördüğünüz gibi burada her şey oldukça basit, tüm nitelikleri tek bir etikete boşlukla ayırarak yazmanız yeterli. İtibaren bu örnek içeriğin sağa hizalanacağını ve fare imlecini üzerine getirdiğimizde bir araç ipucunun görüneceğini görüyoruz. Çok basit. Umarım her şey açıktır?

Şimdi son derste yaptığımız Lukomorye'ye dönelim.

Yaşayan örnek

  • Belgedeki “Lukomorye” yazan tüm metni (başlıklarla birlikte) ortaya hizalayın,
  • Birinci düzey başlıkta “Eserin yazarı A.S. Puşkin"

Önceki dersin tamamlanmış dosyasına sahip değilseniz, onu alın ve her şeyin göreve uygun şekilde çalışması için gerekli tüm özellikleri ekleyin.

Ve geleneğe göre, başlangıçta her şeyi kendiniz yapın. Bu işe yaramazsa aşağıda yazdığım adımlara bakın.


Bundan sonra html belgesini kaydedin ve çalıştırın. Ne bulduğumuzu kontrol edelim. Her şey doğru mu? Bence senin için her şey yolunda gitmeli. Ama yine de çoğunuzun her dörtlükte nitelikleri belirtmekten yorulduğunuzu hissediyorum. Size bu süreci nasıl kolaylaştıracağınızı göstereceğim.

Aynı özelliği büyük bir segmente eklemeniz gerekiyorsa etiket bu konuda bize yardımcı olacaktır.

. DIV, gruplandırma için bir tür kap görevi gören boş bir blok öğesidir. Ortak bir parçaya uygulamak amacıyla çeşitli nitelikleri buraya koyabilirsiniz. Ve genel olarak bir özelliği belgenin tamamına uygulamak istiyorsanız, bunu genellikle ana etikete yazabilirsiniz. .

Genel olarak bu durumda her etikete align=center" niteliğini yerleştirmeniz gerekmez. Sadece koymanız gerekiyor

başlıktan önce ve şununla kapatın:
tüm metnin sonunda. Peki, içeride
align="center" değerini ayarlayın, ancak yalnızca bir kez. Bence çok daha hızlı ve daha kullanışlı ve sonunda aynı şey oluyor.

Peki nasıl? Genel prensibi anlıyor musunuz? Daha da fazla çalışmaya devam edeceğiz. Önemli olan, etiketleri ve nitelikleri düzenleme ilkesini anlamanızdır. Gerekirse sorularınızı sorun. Onlara cevap vermekten memnuniyet duyacağım.

Web sitesi oluşturma ilkesi konusunda tam bir eğitim için mükemmel bir video kursu izlemenizi öneririm " Sıfırdan profesyonele HTML5 ve CSS3". Orada HTML, CSS'yi öğrenecek, kartvizit sitelerinin, blogların ve hatta çevrimiçi mağazaların nasıl tasarlanacağını öğreneceksiniz. Kurs, acemi bir web geliştiricisi için tek kelimeyle harika.

Neyse, bugünlük işim bitti. Umarım makaleyi beğenmişsinizdir ve faydalı bulmuşsunuzdur. Her zaman en ilginç şeylerden haberdar olmak ve yeni dersleri kaçırmamak için blog güncellemelerime abone olmayı unutmayın. Neyse bugünlük sana veda ediyorum. Malzemeye hakim olmanızda başarılar dilerim. Güle güle!

Saygılarımla, Dmitry Kostin.

Tarayıcı İnternet Explorer Netscape Opera Safari Mozilla Firefox
Sürüm 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Destekleniyor Evet Evet Evet Evet Evet Evet Evet Evet Evet Evet Evet Evet Evet

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.

Sözdizimi

Metin

Kapanış etiketi

Gerekli.

Seçenekler

renk Metin rengini ayarlar. yüz Yazı tipi yazı tipini belirtir. boyut Yazı tipi boyutunu geleneksel birimlerle ayarlar.

Örnek 1: Etiket kullanma





YAZI TİPİ etiketi


P Bu cümlenin ilk harfi Arial yazı tipinde, kırmızıyla vurgulanmış ve büyütülmüş olarak yazılmıştır.





Etiket parametrelerinin açıklaması

RENK parametresi

Tanım

Kabın içindeki metnin rengini ayarlar .

Sözdizimi

...

Argümanlar

Renk değeri iki şekilde ayarlanabilir.

1. Adıyla

Tarayıcılar bazı renkleri adlarına göre destekler.

2. Onaltılı değere göre

Renkleri belirtmek için onaltılık sayılar kullanılır. Onaltılık sistem, ondalık sistemden farklı olarak adından da anlaşılacağı gibi 16 sayısını temel alır. Sayılar şu şekilde olacaktır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. 10'dan 15'e kadar olan sayıların yerini Latin harfleri alır. Onaltılık sistemde 15'ten büyük sayılar iki sayının birleştirilmesiyle oluşur. Örneğin ondalık sistemde 255 sayısı, onaltılık sistemde FF sayısına karşılık gelir. Sayı sisteminin belirlenmesinde karışıklığı önlemek için, önce onaltılık sayı# karma sembolünü koyun, örneğin #666999. Üç rengin her biri (kırmızı, yeşil ve mavi) 00'dan FF'ye kadar değerler alabilir. Böylece, renk sembolü üç bileşene bölünmüştür #rrggbb; burada ilk iki sembol rengin kırmızı bileşenini, ortadaki iki - yeşil ve son iki - mavi bileşenini gösterir.

CSS'ye benzer

Varsayılan değer

Tarayıcının varsayılan rengi.

YÜZ parametresi

Tanım

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

...

Argümanlar

Virgülle ayrılmış herhangi bir sayıda yazı tipi adı. Evrensel yazı tipi aileleri:
serif - serif yazı tipleri (antik), örneğin Times;
sans-serif - sans-serif yazı tipleri (serifsiz veya sans serifsiz yazı tipleri), tipik bir temsilci Arial'dır;
el yazısı - el yazısı 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'ye benzer

Varsayılan değer

Tarayıcıdaki varsayılan yazı tipi.

BOYUT parametresi

Tanım

Yazı tipi boyutunu 1'den 7'ye kadar isteğe bağlı birimler halinde belirtir. Varsayılan olarak kullanılan ortalama boyut 3'tür. Yazı tipi boyutu mutlak bir değer olarak (örneğin, size="4" ) veya göreli bir değer olarak (örneğin, , boyut = "+1" , boyut = "-1" ).

Sözdizimi

...

Argümanlar

İ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. Böylece Arial yazı tipi Times yazı tipinden daha büyük görünür ve Verdana yazı tipi Arial yazı tipinden biraz daha büyük görünür. Bir yazı tipi ve boyutunu seçerken bu özelliği dikkate alın.

1'den 7'ye kadar bir tam sayı veya + ve - simgelerini kullanarak değeri yukarı veya aşağı değiştirme.

Öğe Artık ekranda görüntülenen metnin boyutunu etiketleri kullanarak kontrol edebileceğinizi biliyorsunuz. Ve .

. Bir programcı diğer yazı tipi parametrelerini nasıl değiştirebilir? Direktifin amacı budur.

Bildiğiniz gibi HTML standardında yazı tipi boyutu koşullu noktalarla belirtilir ve bunlardan toplamda yedi tane vardır. Ancak tüm tarayıcılar terim yan tümcesini aynı şekilde anlamaz. Örneğin, Microsoft Internet Explorer'da bir belge görüntülerken, 2 ve 3 numaralı noktalar hariç tüm yazı tiplerinin boyutları farklıdır - bunlar, varsayılan değere eşit olan ve bağlı olarak aynı yükseklikte bir yazı tipinde görüntülenirler. tarayıcının kullanıcı ayarları. Netscape Navigator'da, 4 ve 5 numaralı öğeler ile b ve 7 numaralı öğeler tamamen aynı şekilde görüntülenir; bunların yüksekliği, normal yazı tipi boyutu olan öğe 3'ten daha büyüktür. yazı tipi boyutunu kontrol eden diğer etiketlerin yanı sıra kullanıcı ayarlarına bağlı olarak değişebilir. Aynı nedenden ötürü, tarayıcıda görüntülenmek üzere optimize edilmiş bir sayfanın düzenini bozma etkisi standart ayarlar. Tüm belge öğelerini piksel cinsinden belirtilen sabit genişliğe sahip görünmez bir tabloya yerleştirerek bunu önleyebilirsiniz.

İÇİNDE genel görünüm etiket girişi sözdizimi şuna benziyor:

metin

FACE özelliğinin değeri, etiketlerin içindeki metni görüntülemek için kullanmayı planladığınız yazı tipinin adıdır. . Örneğin, "değer!" parametresi yerine yukarıdaki örnekte etiketiyle işaretlenen "Arial" ifadesini kullanacaksınız , metin bu yazı tipinde görüntülenecektir.

DİKKAT Sitenizi ziyaret eden bilgisayarlarda yüklü olan yazı tiplerinin farklı olabileceğini ve etiketin FACE özelliğinde belirtmeniz halinde farklı olabileceğini unutmayın. Kullanıcının sisteminde bir yazı tipi mevcut değilse kullanıcının monitör ekranındaki metin okunamaz hale gelecektir. Son kullanıcı tarayıcılarında metin görüntülerken hataları önlemek için yalnızca çoğu tarayıcıda bulunan standart yazı tiplerini kullanın: Arial ve New Times Roman. Bu özelliği tamamen atlamak daha iyidir, böylece tarayıcının kodu yorumlarken varsayılan yazı tipini kullanmasına izin verilir.

SIZE özelliği, metnin görüntüleneceği yazı tipi boyutunu belirtir. Örneğimizde "değer2" olarak adlandırılan bu özelliğin parametresi, mutlak veya göreceli bir değerle açıklanabilir. Mutlak değer, yazı tipinin yüksekliğini nokta cinsinden belirten 1 ila 6 aralığında bir tam sayının kullanımını ifade eder. Artı veya eksi işaretli bir tamsayı (örneğin, +2 veya -1) ile gösterilen göreceli değer, tarayıcının kullandığı varsayılan yazı tipi boyutuna eklenmesi veya çıkarılması gereken noktaların sayısıdır. Evet, kaydet böyle bir etiketle işaretlenen metnin boyutunun, belgenin normal metninden bir punto daha büyük olacağını belirtir.

COLOR özelliğinin değeri yerine istenilen rengin dijital kodu veya bu rengi belirten sembolik etiket kullanılır.

Açıkçası, etiketi kullanırken niteliklerinden herhangi biri ihmal edilebilir. Böyle bir komuta örnek olarak aşağıdaki HTML kodu satırı verilebilir:

metinden alıntı

DİKKAT Bazı eski tarayıcıların bu yönergeyi desteklemediğini unutmayın. . Bunların arasında UNIX uyumlu platformlar için Lynx adı verilen bir metin tarayıcısı da var.

İçerik

Öyle görünüyor ki, artık hemen hemen her yönetici panelinde bunları otomatik olarak ayarlayan kullanışlı bir panel varsa, metin için HTML etiketlerini neden biliyorsunuz?

Gerçek şu ki, bir web sitesindeki içeriği biçimlendirmek, ofis uygulamalarında çalışmaktan temel olarak farklıdır. Burada sadece metne çekici bir görünüm kazandırmak yeterli değildir, çünkü yalnızca bir web sayfasının görüntülenmesi değil, aynı zamanda arama motorlarındaki tanıtımı da doğru tasarıma bağlıdır.

HTML Etiketleri ve Nitelikleri: Temel Sözdizimi

Herhangi bir metin vardır gizli kod Bilgisayara ekranda neyin ve nasıl görüntüleneceğini “açıklayan”. Tüm bilgiler bir dizi evrensel öğe kullanılarak kaydedilir.

Temel olarak HTML metin etiketleri, bir sayfaya belirli blokları ekleyen veya değiştiren komutlardır. dış görünüş. Doğru kayıt formatı şuna benzer:

Lütfen tüm etiketlerin eşleştirilmediğini unutmayın. Örneğin,
(satır atlama) veya


(yatay bir çizgi ekleyerek) hiç kapatılmasına gerek yoktur.

Neden Word ve diğer programlardaki makaleleri web sitesi düzenleyicisine kopyalayamıyorsunuz?

Her ne kadar modern ofis programları metin için aynı HTML etiketlerini kullanın; vakaların %99'unda yerel kod web sayfaları için kullanılamaz. Belge uygulamanın kendisinde normal şekilde görüntülense bile, bir web sitesine eklendiğinde biçimlendirme kaybolabilir. Üstelik nedeniyle büyük miktar Ekstra etiketler ve özellikler nedeniyle arama motorları sayfanın içeriğini yeterince analiz edemez. Bu da kaynağınızın tanıtımını zorlaştırır.

Temiz ve alakalı kod elde etmek için öncelikle aşağıdakiler tarafından oluşturulan HTML etiketlerinin metnini temizlemeniz gerekir: düzenli editör. Bunu yapmanın birkaç yolu vardır:

  1. Makaleyi Not Defteri aracılığıyla "çalıştırın" ve ancak bundan sonra siteye ekleyin. Uygulama tüm HTML'yi siler, bundan sonra metni yeniden biçimlendirmeniz gerekecektir (düzenleyici araçlarını kullanarak veya manuel olarak).
  2. LiveWriter'ı kullanarak makaleler yazın ve yayınlayın. Popüler editör blogs hemen doğru kodu oluşturur. Ayrı bir sekmede sitedeki metnin nasıl görüneceğini görebilirsiniz.
  3. HTML Temizleyiciyi kullanın. Bu çevrimiçi hizmet kodun tamamını yok etmez, yalnızca gereksiz parçaları yok eder. Filtreleri kullanarak hangi etiketleri kaydetmek istediğinizi seçersiniz. Ayrıca güçlü bir görsel editör koda zaten optimize edilmiş komutlar ekleyen biçimlendirme için.

Paragraflar

Bu unsur hemen hemen tüm makalelerde mevcuttur. Her paragraf böyle bir kabın içine yerleştirilmelidir - bu, biçimlendirmeyi basitleştirir ve sitenin tüm sayfalarında tutarlı bir stil korumanıza olanak tanır. Kolaylık sağlamak için etiket

Her zaman şununla yaz: yeni hat.

Hizalama

Ayrı HTML "Metin Hizalama" etiketi uzun süredir kullanılmıyor. Bunun yerine genel bir ALIGN özelliği oluşturuldu. Bir metin bloğunun sayfadaki konumunu değiştirmek için 3 değerden birini seçmelisiniz - MERKEZ, SAĞ veya SOL. Başlıklar gibi diğer öğelerin hizalamasını da aynı şekilde ayarlayabilirsiniz.

Bazı durumlarda hizalama için başka etiketler kullanılır; örneğin öğeyi kullanarak konumlandırabilirsiniz.

...
. Ayrı bir etiket neden faydalıdır? Özelliğin aksine, fotoğraflar, videolar, flash vb. dahil her türlü içerikle çalışır.

Başlıklar ve alt başlıklar

Alt başlık sistemi mantıksal bir içerik yapısı oluşturmanıza olanak tanır. Metin anlamlı bloklara bölündüğünde okuyucunun konsantre olması ve yeni bilgileri özümsemesi çok daha kolay olur. Arama motorları ayrıca sayfanın hangi sorgular için tanıtılacağını anlamak için başlıkları analiz eder. Bu nedenle SEO uzmanları, bunlarda güncel anahtar kelimeler kullanılmasını önermektedir.

HTML altı düzeyde alt başlık kullanır -

ile

. Bu sistemde açık bir hiyerarşi vardır:

  • ...

    . Ana makale, çevrimiçi mağazadaki ürün vb.). Metinde yalnızca bir tane olabilir

    . Genellikle ana anahtar kelimeyi içerir.

  • ...

    . İkinci düzey alt başlıklar metni anlamlı bloklara böler. Örneğin, dizüstü bilgisayarları derecelendiriyorsanız, birkaç tane yapabilirsiniz.

    farklı model isimleriyle.

  • ...

    . Metin iki seviye arasındaysa üçüncü seviyeye ihtiyaç vardır.

    da küçük bloklara bölünmüştür. Örneğimizde bunlar her model için değerlendirme kriterleri olabilir - “Performans”, “Bellek”, “Ekran kartı” vb.

  • ,

    ,
    . Pratikte son derece nadirdirler. Ancak genel prensip aynıdır - üst düzey bir alt başlığa sahip bir blokta "yuvalanmaları" gerekir.

Doğru hiyerarşiyi koruduğunuzdan emin olun. Örneğimize dönecek olursak, bu, model adlarını hemen şu şekilde giremeyeceğiniz anlamına gelir:

veya

. Ve dahası, homojen anlam blokları için farklı seviyelerde alt başlıklar kullanın (örneğin, sıralamada son sırada yer alan bir dizüstü bilgisayarı kullanarak vurgulayın).
).

İşte HTML'deki başlıkların doğru yapısını anında anlamanıza ve hatırlamanıza yardımcı olacak bir şema.

Listeler

Metin için özel HTML etiketleri kullanarak herhangi bir listeyi ve talimatı liste biçiminde biçimlendirmek daha iyidir ( tipik hata- sadece birkaç paragraf

Kısa çizgi veya sayıyla başlayan).

Bu tür blokların yapısı çok basittir. Öncelikle listenin türünü (madde işaretli veya numaralı) belirleriz.

Tüm öğeler açılış ve kapanış etiketleri arasındadır. Her liste öğesi yeni bir satırda başlar ve biçimine sahiptir. Elementlerin sayısı sınırlı değildir.

Seçim ve özellikleri

Bu yazı tipini ve rengi kullanarak ve CSS'ye yeni sınıflar eklemeden neleri değiştirebilirsiniz? Yalnızca bir cümleyi veya parçayı vurgulamanız gerektiğinde bu çok kullanışlıdır.

birkaç özelliği vardır:

  • Yüz. Metin yazı tipini değiştirmenizi sağlar. Birkaç seçeneği virgülle ayırarak listeleyebilirsiniz (Tahoma, Verdana). Kullanıcının ilk yazı tipini yüklememesi durumunda sistem yalnızca bir alternatif kullanır.
  • Boyut. Metni büyütmek veya küçültmek için tırnak içinde 1 ile 7 arasında bir değer girin.
  • Renk. Tasarıma bağlı olarak standart tonlardan (kırmızı, yeşil, mavi) birini seçebilir veya istediğiniz herhangi bir rengin kodunu girebilirsiniz.

ile biçimlendirilmiş paragraflar kullanmayın. , alt başlıklar yerine. Aynı tasarım parametrelerini doğru etiketle ayarlamak daha iyidir.

Metni vurgulamanın yolları

Monoton metinler paragraflara bölünmüş olsa bile yorucudur. Dikkat çekmek ve okuyucunun ilgisini uyandırmak için önemli noktaların grafiksel olarak vurgulanması önerilir. İşte bu görevle başa çıkmanıza yardımcı olacak bazı komutlar.

... . Son derece popüler bir HTML etiketi. Kalın metin hemen göze çarpar ve bu nedenle önemli noktaları ve gerçekleri vurgulamak için kullanılması uygundur.

Birçok kişi etiketleri karıştırır Artık ekranda görüntülenen metnin boyutunu etiketleri kullanarak kontrol edebileceğinizi biliyorsunuz. . Görsel olarak hiçbir fark yok ama farklı çalışıyorlar. Birincisi sadece metnin görünümünü değiştirir, ikincisi ise bir “dizin” görevi görür ve en önemli parçaları (tematik) vurgular. anahtar kelimeler ve SEO için ifadeler).

... . Zarif ve katı italik, bilimsel terimlerin, yabancı kelimelerin ve çeşitli alıntıların tasarımı için idealdir. Ciddi yayınlarda sanat eserlerinin isimleri de italik metinle vurgulanır.

... . Belki de başka hiçbir HTML etiketi bu kadar çok tartışmaya neden olmamıştır. Metnin altını çizme nadiren kullanılır çünkü bu yöntemÖne çıkanlar geçmişte köprülere atanmıştır. Eğer kullanırsan Makalelerde bunun yalnızca kısa parçalar için uygun olduğunu lütfen unutmayın - en fazla 1 satır.

... . Bir rol oynamanıza olanak tanıyan ilginç bir etiket. Reklamcılıkla çok alakalı - örneğin eski ve yeni fiyatlar arasındaki zıtlığı vurgulamak için.

... . Herhangi bir ek seçenek olmadan yazı tipi boyutunu artırmanın en kolay yolu.

... . Önceki etiketle aynı prensipte çalışır. İçeride bulunan metin ana metne göre küçültülür.

... . Bu formatın doğru adı üst simgedir. Bu etiket esas olarak matematiksel dereceler ve dipnotlar için tasarlanmıştır. Yazı tipi boyutunu küçültür ve seçilen metni yukarı taşır.

... . Abonelik genellikle çeşitli formüllerde bulunur. Seçilen parça ana metnin altında bulunur.

Anlamlı kaplar

Birçok metinde bazı bloklara rastlandığından bunlara özel etiketler oluşturulmaya başlandı. Bu, biçimlendirmeyi basitleştirir, çünkü her içerik türünün kendi stilleri varsa, yalnızca bir metin parçasını vurgulamanız ve hangi bilgileri içerdiğini belirtmeniz gerekir.

... . Bilgisayar kodları eklemek için etiket. Örneklerle programlama makalelerinde vazgeçilmezdir - komutlar yürütülmez, ancak düz metin olarak görüntülenir.

... . Alıntıları biçimlendirmek için tasarlanmıştır - örneğin bir röportajdan önemli alıntılar.

. Metnin bir kısmını ayrı bir bloğa yerleştirir. Varsayılan olarak seçimde daha fazla sol dolgu bulunur, ancak CSS'deki metnin boyutunu, stilini ve rengini de değiştirebilirsiniz.

...
. Ek etiket Bağlantılar da dahil olmak üzere yazar hakkında bilgiler içeren.

bölme çizgisi

Büyük bir bölümün mantıksal sonunu işaretlemek için basit bir çizgi kullanılabilir.


eşleştirilmiş etiketler için geçerli değildir. Bu, kapanış formatı öğesininihtiyaç yok.

WIDTH özelliğini kullanarak, piksel cinsinden uygun bir boyut veya pencere genişliğinin bir yüzdesini belirterek ayırıcıyı kısaltabilirsiniz.

HTML'deki metni biçimlendirmek için etiketleri doğru şekilde nasıl kullanacağınızı öğrenerek, yalnızca makalelerinizin okunmasını kolaylaştırmakla kalmayacak, aynı zamanda SEO etkinliğini de artıracaksınız.