HTML'de herhangi bir metnin rengini aşağıdaki farklı yöntemleri kullanarak değiştirebiliriz:
- HTML etiketini kullanma
- Satır İçi stil özelliğini kullanma
- Dahili CSS kullanma
1. HTML etiketini kullanma
Not: HTML 5, yazı tipinin renk özelliğini desteklemez, dolayısıyla bir metnin rengini değiştirmek için satır içi stil özelliğini ve dahili CSS seçeneklerini kullanmamız gerekir.
Bir web sayfasında görüntülenecek bir metnin rengini Html etiketini kullanarak değiştirmek istiyorsak aşağıda verilen adımları takip etmemiz gerekir. Bu adımları kullanarak herhangi bir metnin rengini kolayca değiştirebiliriz:
Aşama 1: Öncelikle herhangi bir metin editörüne Html kodunu yazmamız veya mevcut Html dosyasını kullanmak istediğimiz metin editöründe açmamız gerekiyor. Html etiketi .
1. derece mantık
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html
Adım 2: Şimdi imleci rengini değiştirmek istediğimiz metnin başına getirin. Daha sonra boş Html'yi yazın bu konumda etiketleyin.
Single Line text and statements
Aşama 3: Daha sonra rengini değiştirmek istediğimiz metnin sonundaki font etiketini kapatmalıyız.
Single Line text and statements
Adım 4: Şimdi adı ' olan font etiketinin niteliğini eklememiz gerekiyor. renk '. Yani, yazın renk başlangıçtaki özellik etiket. Daha sonra metinde kullanmak istediğimiz rengi vermeliyiz. Yani, rengin adını yazın renk özelliği aşağıdaki blokta açıklandığı gibi.
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in HtmlŞimdi Test Edin
Adım 5: Ve son olarak Html kodunu metin editörüne kaydedip kodu çalıştırmalıyız. Çalıştırdıktan sonra çıktıyı tarayıcıda göreceğiz. Aşağıdaki ekran görüntüsü yukarıdaki Html Kodunun çıktısını göstermektedir:
2. Satır İçi Stil özelliğini kullanma
Bir web sayfasında görüntülenecek bir metnin rengini satır içi stil özelliğini kullanarak değiştirmek istiyorsak aşağıda verilen adımları izlememiz gerekir. Bu adımları kullanarak metnin rengini kolayca değiştirebiliriz.
Aşama 1: Öncelikle bir metnin rengini değiştirmek için stil özelliğini kullanmak istediğimiz herhangi bir metin düzenleyicide Html kodunu yazmamız veya mevcut Html dosyasını metin düzenleyicide açmamız gerekiyor.
Change color using style attribute This page helps you to understand how to change the color of a text. And, this section helps you to understand how to change the text color using the style attribute.
Adım 2: Şimdi imleci rengini değiştirmek istediğimiz metnin başına getirin. Ve sonra satır içi yazın stil herhangi bir öğenin içindeki nitelik. Burada şunu kullanıyoruz:
python listesi başlatılıyor
(paragraf) etiketi:
Herhangi Bir Metin
Aşama 3: Bu adımda değer olarak renge bir isim vermemiz gerekiyor. Renk adını üç biçimde verebiliriz:
- Bir rengin adını yazabiliriz
- Ayrıca bir rengin RGB değerini de girebiliriz.
- Bir rengin onaltılık değerini de girebiliriz.
Adım 4: Daha sonra metnin sonunda rengini değiştirmek istediğimiz elemanı kapatmalıyız.
Herhangi Bir Metin
Adım 4: Ve son olarak, CSS stili özelliğini kullanarak metin rengini değiştiren Html kodunu kaydedin.
Change color using style attribute <p> This page helps you to understand how to change the color of a text. </p> <p> And, this section helps you to understand how to change text color using style attribute. </p>Şimdi Test Edin
Yukarıdaki kodun çıktısı aşağıdaki ekran görüntüsünde gösterilmektedir:
2. Dahili CSS Kullanmak
Bir web sayfasında görüntülenecek bir metnin rengini dahili basamaklı stil sayfası kullanarak değiştirmek istiyorsak, aşağıda verilen adımları izlememiz gerekir. Bu adımları kullanarak metnin rengini kolayca değiştirebiliriz.
Aşama 1: Öncelikle, bir metnin rengini değiştirmek için dahili CSS'yi kullanmak istediğimiz herhangi bir metin düzenleyicide Html kodunu yazmamız veya mevcut Html dosyasını metin düzenleyicide açmamız gerekir.
Change color using Internal CSS This page helps you to understand how to change the color of a text. In this Section, we used the internal CSS for changing the text color.
Adım 2: Şimdi imleci Html belgesinin head etiketine yerleştirmemiz ve ardından içindeki stilleri tanımlamamız gerekiyor. aşağıdaki blokta gösterildiği gibi etiketleyin. Ve ardından şunu yazın: renk öğe seçiciye öznitelik.
Body { color:orange; } p { color:green; } Aşama 3: Artık rengini değiştirmek istediğimiz metnin önüne tanımlı eleman seçiciyi yazmamız gerekiyor.
dize json java
Change color using Internal CSS Body { color:orange; } p { color:green; } This page helps you to understand how to change the color of a text. <p> In this Section, we used the internal CSS for changing the text color. </p> Şimdi Test Edin Yukarıdaki Html kodunun çıktısı aşağıdaki ekran görüntüsünde gösterilmektedir:
