HTML'de Yazı Rengi Nasıl Değiştirilir? (Resimlerle) - WikiHow

Có thể bạn quan tâm

Anasayfa
Rastgele
Makaleleri Tara
wikiHow Hakkında

Giriş yap / Kaydol

Terms of UseHTML'de Yazı Rengi Nasıl Değiştirilir?

Makaleyi İndir Ortak yazarlar wikiHow Kadrosu

Makaleyi İndir X

Bu makale editörler ve araştırmacılardan oluşan, makalenin doğruluğu ile kapsamlılığını onaylayan, eğitimli bir ekip tarafından ortaklaşa yazılmıştır. wikiHow’ın İçerik Yönetim Ekibi, yüksek kalite standartlarımızın sağladığından emin olmak için, editör ekibimizden gelen her çalışmayı dikkatli bir şekilde denetler. Bu makale 59.270 defa görüntülenmiştir.

Bu Makalede: CSS Kullanmak Satır İçi Stil Özniteliklerini Kullanmak İpuçları ve Uyarılar İlgili Makaleler Referanslar

Yazı rengini HTML’nin <font> etiketi ile değiştirebilecek olsan da bu yöntem HTML5’te artık desteklenmiyor. Bunun yerine, yazının sayfandaki çeşitli elemanlarda nasıl görüneceğini belirlemek için temel CSS kodlarını kullanırsın. CSS kullanmak web sayfanın olası tüm tarayıcılarla uyumlu olduğundan emin olmanı sağlar.

Adımlar

Yöntem 1 Yöntem 1 / 2:

CSS Kullanmak

Makaleyi İndir

1 HTML dosyanı aç. Yazının rengini değiştirmenin en iyi yolu CSS kullanmaktır. Eski HTML <font> özniteliği HTML5’te artık desteklenmiyor. Elemanlarının stilini belirlemek için tercih edilen yöntem CSS kullanmaktır.
- Bu yöntem harici stil dosyalarında da (ayrık CSS dosyaları) çalışır. Aşağıdaki örnekler, dâhili bir stil dosyası kullanan bir HTML dosyası içindir.
2 Fare imlecini <head> etiketi içine getir. Dâhili bir stil dosyası kullanıyorsan stillerini bu etiketin içinde belirlersin.
3 Dâhili bir stil dosyası oluşturmak için <style> yaz. <style> etiketi <head> etiketi içinde olduğu zaman <style> etiketi içindeki CSS kodları sayfadaki tüm uygulanabilir elemanlar için geçerli olur. İşin bittiği zaman HTML dosyanın başlangıcı şuna benziyor olmalı:[1] <!DOCTYPE html> <html> <head> <style> </style> </head>
4 Yazı font rengini değiştirmek istediğin elemanı yaz. Sayfandaki farklı elemanların görünüşünü belirlemek için <style> bölümünü kullanırsın. Örneğin; sayfanın gövdesindeki tüm yazıların stilini değiştirmek için aşağıdaki kodu yaz: <!DOCTYPE html> <html> <head> <style> body { } </style> </head>
5 Eleman seçicisine color: özniteliğini yaz. color: özniteliği sayfaya o eleman için hangi yazı renginin kullanılacağını söyler. Bu örnekte öznitelik, gövdede bulunan tüm yazıların rengini değiştirir ki bu, sayfandaki tüm yazıların varsayılan elemanıdır. <!DOCTYPE html> <html> <head> <style> body { color: } </style> </head>
6 Yazı için bir renk yaz. Bir renk girmenin üç yolu vardır: rengin adı, hex değeri veya RGB değeri. Örneğin; mavi için blue, rgb(0, 0, 255) veya #0000FF yazabilirsin. <!DOCTYPE html> <html> <head> <style> body { color: red; } </style> </head>
7 Çeşitli elemanların rengini değiştirmek için başka seçiciler ekle. Sayfanın farklı yerlerindeki yazı rengini değiştirmek için farklı seçiciler kullanabilirsin. <!DOCTYPE html> <html> <head> <style> body { color: red; } h1 { color: #00FF00; } p { color: rgb(0,0,255) } </style> </head> <body> <h1>Bu başlık yeşil olur.</h1> <p>Bu paragraf mavi olur.</p> Bu gövde yazısı kırmızı olur. </body> </html>
8 Bir elemanı değiştirmek yerine bir CSS sınıfı tanımla. Bir sınıf tanımlayabilir ve bunu, sınıf stilini hızlıca ekleyebilmek için sayfadaki istediğin tüm elemanlara uygulayabilirsin. Örneğin; aşağıdaki dosyada ".redtext" sınıfı, uygulandığı tüm elemanların yazı rengini kırmızı yapar: <!DOCTYPE html> <html> <head> <style> .redtext { color: red; } </style> </head> <body> <h1 class="redtext">Bu başlık kırmızı olur</h1> <p>Bu paragraf normal olur.</p> <p class="redtext">Bu paragraf kırmızı olur</p> </body> </html> Reklam

Yöntem 2 Yöntem 2 / 2:

Satır İçi Stil Özniteliklerini Kullanmak

Makaleyi İndir

1 HTML dosyanı aç. Sayfandaki tek bir elemanın stilini değiştirmek için satır içi stil özniteliklerini kullanabilirsin. Bu, stilde yapılacak bir-iki küçük değişiklik için kullanışlı olabilir; ama kapsamlı olarak kullanılması önerilmez. Kapsamlı stil değişiklikleri yapmak için önceki yöntemi kullan.[2]
2 Değiştirmek istediğin elemanı dosyada bul. Elemanlarının herhangi birinin yazı rengini değiştirmek için satır içi stil özniteliklerini kullanabilirsin. Örneğin; belli bir başlığın yazı rengini değiştirmek istiyorsan başlığı dosyanda bul: <!DOCTYPE html> <html> <body> <h1>Değişiklik yapmak istediğin başlık bu</h1> </body> </html>
3 Elemana stil özniteliğini ekle. Değiştirmek istediğin elemanın açılış etiketinin içine style="" yaz: <!DOCTYPE html> <html> <body> <h1 style="">Değişiklik yapmak istediğin başlık bu</h1> </body> </html>
4 color: özniteliğini "" içine yaz. Örneğin: <!DOCTYPE html> <html> <body> <h1 style="color:">Değişiklik yapmak istediğin başlık bu</h1> </body> </html>
5 Yazının almasını istediğin rengi yaz. Bir rengi ifade etmenin üç yolu vardır. Rengin adını yazabilir, RGB değerini girebilir veya hex değerini yazabilirsin. Örneğin; rengi sarıya döndürmek için yellow;, rgb(255,255,0); veya #FFFF00; yazabilirsin: <!DOCTYPE html> <html> <body> <h1 style="color:#FFFF00;">Bu başlık artık sarı</h1> </body> </html> Reklam

İpuçları

Desteklenen renk isimlerinin bir listesini ve bu renklerin hex değerlerini http://www.w3schools.com/colors/colors_names.asp sayfasında görebilirsin.

Reklam

Bununla İlgili wikiHow'lar

Grand Theft Auto (GTA) V'te Kız Arkadaş Nasıl Bulunur?

Herhangi Bir Sitedeki Video Nasıl Ücretsiz İndirilir?

Instagram Gönderileri Belli Takipçilerden Nasıl Gizlenir?

Deep Web'e Nasıl Erişilir? Etrafında Kalpler Olan Emojinin Anlamı Nedir

Kalpli Gülen Yüz Emojisi 🥰 Ne Anlama Gelir??

Klavye Nasıl Sıfırlanır? İki El Emojisi Ne Anlama Gelir

İki El Emojisi 🙌🙏 Ne Anlama Gelir??

Sim'lerinin İhtiyaçları Nasıl Doldurulur?

Bilgisayar Televizyona HDMI ile Nasıl Bağlanır?

Facebook'a Nasıl Giriş Yapılır?

Birisinin Numaranı Whatsapp'ına Kaydettiği Nasıl Anlaşılır?

Gmail Nasıl Hack'lenir?

HDMI Televizyona Nasıl Bağlanır?

Android'de Ebeveyn Denetimleri Nasıl Devre Dışı Bırakılır? Reklam

Referanslar

↑ http://www.htmlgoodies.com/tutorials/colors/article.php/3479011
↑ http://www.w3schools.com/css/css_howto.asp

Bu wikiHow makalesi hakkında

Ortak yazarlar : wikiHow Kadrosu wikiHow Yazarı Bu makale editörler ve araştırmacılardan oluşan, makalenin doğruluğu ile kapsamlılığını onaylayan, eğitimli bir ekip tarafından ortaklaşa yazılmıştır. wikiHow’ın İçerik Yönetim Ekibi, yüksek kalite standartlarımızın sağladığından emin olmak için, editör ekibimizden gelen her çalışmayı dikkatli bir şekilde denetler. Bu makale 59.270 defa görüntülenmiştir. Kategoriler: Bilgisayar ve Elektronik Cihazlar Diğer dillerde İngilizce Fransızca İtalyanca İspanyolca Portekizce Rusça Endonezce Felemenkçe Tayca Arapça Korece Vietnamca Japonca Çince Hintçe