HTML metin renk etiketleri nasıl kullanılır

Yazar: Monica Porter
Yaratılış Tarihi: 21 Mart 2021
Güncelleme Tarihi: 27 Haziran 2024
Anonim
HTML Dersleri - Ders 2 - font, h Etiketleri ve Renk Kodlarıyla Çalışma
Video: HTML Dersleri - Ders 2 - font, h Etiketleri ve Renk Kodlarıyla Çalışma

İçerik

Bu makale size HTML belgelerinde yazı tipi rengini nasıl değiştireceğinizi gösterecektir. HTML'de yazı tipi etiketleri eski olsa da, bir HTML sayfasının metnine renk eklemek için CSS'yi kullanabilirsiniz. HTML'nin eski bir sürümünü kullanıyorsanız, HTML yazı tipi etiketini gerektiği gibi kullanabilirsiniz.

Adımlar

Yöntem 1/2: HTML etiketlerini kullanma

  1. Yazı tipi etiketleri oluşturun. Kart seti rengini değiştirmek istediğiniz metnin önüne. Kapanış kartı yerleştirin metnin arkasında.
    • Gibi:
      Bu yazı mavi olacaktır.

  2. Renk nitelikleri ekleyin. Ekle color = "" yazı tipi açık sekmesine. İstediğiniz renk tırnak içinde olacaktır.
    • Örneğin:
      color = ""Bu yazı mavi olacaktır.

  3. Bir renk adı seçin. Renk adı her zaman boşluk içermeyen tek bir kelimedir. "Mavi" (mavi), "kırmızı" (kırmızı) gibi basit bir şey veya "açık mavi" veya "koyu mavi" (koyu mavi) gibi açıklayıcı bir ad deneyin. Daha fazla seçenek için, "bordo" (koyu kahverengi), "çelik mavisi" (gri yeşil) ve "limon" (açık sarı) içeren tanınan renk anahtar kelime listesine bakın.
    • Gibi:
      Bu yazı mavi olacaktır.

  4. Onaltılık renk kodlarını kullanın. HTML, milyonlarca renk arasından seçim yapmanıza izin verir, ancak tüm renklerin bir adı yoktur. Bunun yerine, onaltılık olarak yazılmış altı karakterli bir kod kullanırlar. Web'de onaltılık renk kodlarını listeleyen veya ekranda bir renk seçmenize ve onaltılık değeri görüntülemenize izin veren birçok web sitesi vardır. Bu kod bir # işaretiyle başlar ve 0-9 rakamları veya A-F harfleri dahil olmak üzere altı karakterden oluşur.
    • Kod # FF0000 kırmızı rengi temsil eder.
    • Bu kod yeşil metin oluşturur.
    • Bu kod mavi metin oluşturur.
  5. RGB değerleri ile denemeler yapın. Çevrimiçi bir renk seçiciyi kullanabilmek için onaltılık renk kodlamanın nasıl çalıştığını bilmenize gerek yok. Bununla birlikte, deneyimi istiyorsanız, temel bilgilerle başlayabilirsiniz:
    • Her altı karakterli kod kırmızı, yeşil (yeşil) ve mavi ("RGB") değerlerine bölünmüştür. Örneğin, # FF0000 kodu "kırmızı: FF yeşil: 00 mavi: 00" anlamına gelir.
    • Kırmızı miktarını değiştirmek için ilk iki karakteri değiştirin. 00 (kırmızı olmadan) ile 99 (hafif kırmızı) arasında veya AA (kırmızımsı) ile FF (maksimum kırmızı miktarı) arasındaki herhangi bir değeri kullanabilirsiniz.
    • Değeri yeşile (ortadaki iki karakter) veya maviye (son iki hane) değiştirmek için aynı sistemi kullanın.
  6. Onaltılık renk kodlarını daha iyi anlayın. Doğru rengi seçmek için aşağıdaki iki kavramı bilmeniz gerekir:
    • Her üç renk değeri iki basamaklıdır. Daha az ayarlama yapmak istiyorsanız, sadece ikinci rakamı değiştirin. Örneğin, # 850000 ve # 890000 oldukça benzer ve # A50000 biraz daha parlak olacaktır.
    • Birleşik RGB değerleri, renk sistemi artı değerine eşittir. Kırmızı ve yeşil sarı üretecek; mavi ve yeşil form camgöbeği; Kırmızı ve mavi, bordo bir renk oluşturacaktır.
    İlan

Yöntem 2/2: Satır içi bir CSS öğesi kullanın

  1. Stil niteliğini HTML etiketine ekleyin. Özellikleri style = "" CSS'yi HML belgelerinde kullanmanıza izin verir. CSS hakkında bilginiz olmasa bile yazı tipi rengini ayarlamanın kolay bir yolu. Stil niteliğini HTML etiketlerinden birine ayarlamayı deneyin:
  2. Renkleri belirtin. Ekle renk: tırnak içinde renk adı veya onaltılık kod ile. İsimler ve renk kodları hakkında daha fazla ayrıntı için yukarıdaki yönteme bakın veya aşağıdaki örnekleri deneyin:
    • Bu kod, kırmızı metni oluşturur.
    • Bu kod koyu zeytin yeşili bir renk oluşturur.
    • CSS, 3 basamaklı kısaltmayı destekler. Renk kodu 745, 774455'in kısaltmasıdır.
  3. Sık kullandığınız yazı tipleriyle CSS sınıflarını kullanın. Büyük bir web sayfasındaki bir içerik parçası için her resim başlığını veya başlığını biçimlendirmek istiyorsanız, kodun tamamını tekrar tekrar yazmanıza gerek yoktur. Bunun yerine, metnin başında bir CSS sınıfı tanımlayın, böylece o stili her kullanmak istediğinizde yalnızca bir steno ile sınıfı çağırabilirsiniz. Burada, stil özelliğinin bazı yeni kullanımlarını gösteren bir örnek yer almaktadır:
    • Kısımda HTML belgesine aşağıdaki kodu yapıştırın:
    • Ardından, metnin gövdesinde, bu stili bir öğe olarak eklemek için niteliği kullanın. Gibi,

      bu paragraf

      koyu yeşil, büyük Cursive yazı tipi.
    • Bir yazı tipini tanımlamak için "fantezi" yerine herhangi bir kelime kullanabileceğinizi unutmayın.
    İlan

Tavsiye

  • Sayfanızın okunmasını kolaylaştırmaya çalışmalısınız. Açık metin renklerinin beyaz üzerinde okunması zor olacak ve koyu metin renklerinin siyah üzerinde okunması zor olacaktır.
  • Daha eski bilgisayarlar 65.000 renk sınırı gösterirken, eski bilgisayarlar 256 renk sınırı gösterir. Bununla birlikte, internet kullanıcılarının% 99'undan fazlası belirttiğiniz rengi görebilecek.

Uyarı

  • Yazı tipi öğesi, XHTML 1.0 Strict DTD standardında desteklenmez.