HTML Ders (3)
Merhabalar,
Bugün olarak html de yazıları düzenlemeye bakmak istiyorum.
Arkadaşlar web sitemiz içerisinde görüntülemek istediğimiz yazıların şekillerini değiştirmemiz mümkün. Şimdi bunu nasıl yapacağımıza bakalım. Yazılan yazıların öncelikle boyutunu değiştirme ve rengini değiştirmeye bakalım.
Yazdığımız herhangi bir yazının boyutunu ve rengini değiştirmek için font etiketini kullanıyoruz. Etiket dediğimiz olayın < > arasında yazılan yazı ile bütünlüğüne dediğimizi zaten biliyoruz. Yani font etiketide "< font>" şeklinde oluyor. Font etiketimizi değişiklik yapmak istediğimiz yazının başına yazıyoruz ve etkisinin bitmesini istediğimiz yerde ise etiketi kapatacağız. Etiket kapatmak " </ font> " şeklinde oluyor.. Şimdi kod ile uygulamasını görelim.
Yine standart yapımızın içerisinde ki body etiketinin içerisinde yapıyoruz bu işlemi.
Size yazımızın büyüklüğünü ayarlıyor, color ise rengini ayarlıyor. Bazı ara renkleri sağlamak için renk kodlarını yazmanız gerekir. Şimdilik ana renkleri kullanabilirsiniz, sarı için yellow, mavi için blue gibi.
Ana yapı ile birlikte kodumuzun şu şekilde olması gerekiyor ;
Bunu yine html dosyası şeklinde kaydettiğimizde ekranımızda oluşan görüntü şu şekilde olacaktır.
Kodumuzu bu şekilde düzenlediğimizde yazımızın şu şekilde olacağını göreceğiz;
Bugün olarak html de yazıları düzenlemeye bakmak istiyorum.
Arkadaşlar web sitemiz içerisinde görüntülemek istediğimiz yazıların şekillerini değiştirmemiz mümkün. Şimdi bunu nasıl yapacağımıza bakalım. Yazılan yazıların öncelikle boyutunu değiştirme ve rengini değiştirmeye bakalım.
Yazdığımız herhangi bir yazının boyutunu ve rengini değiştirmek için font etiketini kullanıyoruz. Etiket dediğimiz olayın < > arasında yazılan yazı ile bütünlüğüne dediğimizi zaten biliyoruz. Yani font etiketide "< font>" şeklinde oluyor. Font etiketimizi değişiklik yapmak istediğimiz yazının başına yazıyoruz ve etkisinin bitmesini istediğimiz yerde ise etiketi kapatacağız. Etiket kapatmak " </ font> " şeklinde oluyor.. Şimdi kod ile uygulamasını görelim.
Yine standart yapımızın içerisinde ki body etiketinin içerisinde yapıyoruz bu işlemi.
<font size="8" color="red">Değiştirilen Yazı</font>
Size yazımızın büyüklüğünü ayarlıyor, color ise rengini ayarlıyor. Bazı ara renkleri sağlamak için renk kodlarını yazmanız gerekir. Şimdilik ana renkleri kullanabilirsiniz, sarı için yellow, mavi için blue gibi.
Ana yapı ile birlikte kodumuzun şu şekilde olması gerekiyor ;
<html>
<head>
<title>Başlık</title>
</head>
<body>
<font size="8" color="red">Değiştirilen Yazı</font>
</body>
</html>
Bunu yine html dosyası şeklinde kaydettiğimizde ekranımızda oluşan görüntü şu şekilde olacaktır.
Şimdi birde yazı tipimizi değiştirelim.
<html>
<head>
<title>Başlık</title>
</head>
<body>
<font face="Verdana" size="8" color="red">Değiştirilen Yazı</font>
</body>
</html>Kodumuzu bu şekilde düzenlediğimizde yazımızın şu şekilde olacağını göreceğiz;
Artık yazılarınızı kendinize göre değiştirebilirsiniz.. Ama mesela ben bu yazımın ortada sayfamın olmasını istiyorum veya herhangi bir resmimin ortada olmasını istiyorum. Bunun için < center> etiketini kullanacağız. Yazı üzerinde bir örneğini yapalım.. Yazımızı sayfada ortalamak için kodumuzu şu şekilde düzenliyoruz ;
<html>
<head>
<title>Başlık</title>
</head>
<body>
<center><font face="Verdana" size="8" color="red">Değiştirilen Yazı</font></center>
</body>
</html>
Görüntümüz ise şu şekilde olacaktır.
Dilerseniz center etiketini resimlerinizinde başına ve sonuna ekleyerek bu sonucu alabilirsiniz.
İyi çalışmalar..
Yorum