Metin Font Büyüklüğünü Değiştirme:
Paragraf kullandığımızı varsayarsak;
html kodu ile; (önerilmez)
<p> <font size="5"> WEB TASARIM DERSİ </font> </p>
css kodu ile;
<p style="font-size:14px;”> WEB TASARIM DERSİ </p>
Metin Rengini Değiştirme:
Paragraf kullandığımızı varsayarsak;
html kodu ile; (önerilmez)
<p> <font color="yellow"> WEB TASARIM DERSİ </font> </p>
css kodu ile;
<p style="color:red;”> WEB TASARIM DERSİ </p>
Metin veya nesnelerin arkaplan rengini değiştirme:
css kodu ile;
<body style="background-color: yellow">
Not: Renk tanımlamanın iki yolu daha vardır. Hexadecimal ve RGB kodları.
hexadecimal kodu ile;
<p style="color:#A41A1B;”> WEB TASARIM DERSİ </p>
Not: Hexadecimal tanımında parantez içindeki ilk ikili karakter (Bu
örnekte A4) Kırmızı renk oranını, ikinci ikili karakter (Bu örnekte 1A) Yeşil renk oranını ve
üçüncü ikili karakter ise (Bu örnekte 1B) Mavi
renk oranını temsil eder.
RGB kodu ile;
<p style="color:RGB(220,40,35);”> WEB TASARIM DERSİ </p>
Not: Benzer şekilde RGB tanımında da parantez içindeki ilk değer (Bu
örnekte 220) Kırmızı renk oranını, ikinci değer Yeşil renk oranını ve üçüncü
değer ise Mavi renk oranını temsil eder.
Not: Google’da “html renk seçici” diye aratmanız halinde
sevdiğiniz renkleri karşımıza çıkan paletten bulup o rengin karşılığı olan hexadecimal ve RGB
kodlarını öğrenebilirsiniz. Geriye tek bir şey kalıyor. Kopyalayıp yapıştırmak.
Metin Font Tipini Değiştirme:
Paragraf kullandığımızı varsayarsak;
html kodu ile; (önerilmez)
<p> <font face="Times New Roman"> WEB
TASARIM DERSİ </font> </p>
css kodu ile;
<p style="font-family:Verdana;”> WEB TASARIM DERSİ </p>
Metinleri Hizalama: Metinleri sola, sağa, ortaya veya her iki yana yaslayacak
şekilde hizalayabiliriz.
html kodu ile; (önerilmez)
<p align="left"> Bu akşam sinemaya gidiyorum.
</p>
* sola hizalı (varsayılan olarak zaten sola hizalıdır.)
<p align="right"> Bu akşam tiyatroya gidiyorum. </p>
* sağa hizalı
<p align="center"> Bu akşam konsere gidiyorum. </p>
* ortaya hizalı
<p align="justify"> Bu akşam maça gidiyorum. </p>
* iki yana yaslı
<p style="text-align:left;"> Bu akşam sinemaya gidiyorum. </p>
* sola hizalı (varsayılan olarak zaten sola hizalıdır.)
<p style="text-align:right;"> Bu akşam sinemaya gidiyorum. </p>
* sağa hizalı
<p style="text-align:center;"> Bu akşam sinemaya gidiyorum. </p>
* ortaya hizalı
<p style="text-align:justify;"> Bu akşam sinemaya gidiyorum. </p>
* iki yana yaslı
Not: align parametresi ile resim ve tablo gibi nesneleri de hizalayabiliriz.