Metin (Text) Biçimlendirme Web Tasarım Dersleri

Merhabalar Değerli ziyaretçimiz bugünkü konumuz Metin (Text) Biçimlendirme Web Tasarım Dersleri. Web tasarım dersleri yazı tipi biçimlendirme yani text biçimlendirme, Metin Renkleri, Web Tasarım Dersleri yazı tipi biçimlendirme, Web tasarım colors. Web tasarım dersleri metin hizalama, Web tasarım dersleri metin hizalama, Web tasarım (text-alignment), Web tasarım metin işaretleme, Web tasarım metin girintileme, web tasarım dersleri yazı biçimlendirme, HTML Web tasarım yazı biçimlendirme, Web tasarım dersleri yazı biçimi oluşturma, Web tasarım dersleri yazı biçimi kodları…

Metin (Text) Biçimlendirme

Metinlerin genel düzenleri ve biçimlendirilmeleri ile ilgili işlemleri kapsamaktadır.

Renkler (Colors)

Metinlerin rengini belirlemek için kullanırız. Rengin adı (örn: red) RGB değeri -örn: rgb(255,0,0)- ve hex (hexadecimal) değeri (örn:#ff0000) olmak üzere üç değişik değer türü kullanabiliriz.

Sözünü ettiğimiz renk sistemlerini de tanıtalım RGB renk sistemi İngilizdeki RED GREEN BLUE (Kırmızı Yeşil Mavi)  kelimelerinin baş harflerinden oluşmuş web’de kullanılan renk standardıdır. Bu standardı genellikle hexademical (hex) sistemde yazarız. Verilebilecek en küçük değer 0 (hex 00), en büyük değer ise f’dir (hex FF). Bu şekilde hexadecimal (hex) sistemde 16 milyon renk üretmek mümkündür.

Her ne kadar teorik olarak 16 milyon renk üretmek mümkünse de günümüz modern monitörleri ortalama 16 bin farklı renk gösterme kapasitesine sahiptirler.

Birde 16 adet rengi adları ile kullanabileceğinizi belirtelim. Bunlar aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow renkleridir.

<style type=”text/css”>

h1 {color:red /*rengimizin adı*/} ;

h2 {color: rgb(255,0,0) /* rengimizin rgb değeri*/};

p {color:#F00000 /* RENGİMİZİN KODU */};

</style>

<body>

<h1>Ana Başlık</h1>

<h2>Alt Başlık</h2>

<p> Renklendirilecek Paragraf</p>

</body>

Metin Hizalama (Text-Alignment)

Metinleri hizalamak için kullanılır.

left: metni sola dayalı olacak şekilde hizalar

right: metni sağa dayalı olacak şekilde hizalar

center: metni ortalı olacak şekilde hizalar

justify: metni iki yana yaslı olacak şekilde hizalar

<head>

<style type=”text/css”>

h1 {text-align:center};

p.tarih (text-align:right} ;

p.paragraf {text-align:justify};

</style>

</head>

<body>

<h1> Metin Hizalama </h1>

<p class=”tarih”> Eylülk, 2009 </p>

<p class=”paragraf”> left: metni sola dayalı olacak şekilde hizalar right metni sağa dayalı olarak şekilde hizalar. center: metni ortalı olacak şekilde hizalar justify: metni iki yana yaslı olacak şekilde hizalar. </p>

</body>

Metin İşaretleme (Text-Decoration)

Metinleri çeşitli sebeplerle vurgulamak için işaretlemede  kullanılır.

overline: Metnin üst kısmını çizer

line-through: metnin üzerini çizer

underline: metnin altını çizer

blink: metnin yanıp sönmesini sağlar.

<head>

<style type=”text/css”>

h1 { text-decoration:overline};

h2 {text-decoration:line-through};

h3 {text-decoration:underline};

h4{text-decoration:blink};

</style>

</head>

<body>

<h1> Üst kısmı çizili başlık </h1>

<h2> Üstü çizili başlık </h2>

<h3> Altı çizili başlık </h3>

<h4> Yanıp sönen başlık </h4>

<p> <b> Not: </b> blink değeri IE, Chrome, Safari tarayıcıları tarafından desteklenmemektedir. Sadece Firefox ve Opera tarayıcılarında çalışmaktadır. </p> </body>

Facebook Sayfamız

İnstagram Sayfamız

Web Tasarım Sayfamız

İletişim Sayfamız

Metin (Text) Biçimlendirme Web Tasarım Dersleri
Bu yazıya oy ver

By | 2017-07-20T22:46:29+00:00 Aralık 2nd, 2016|Categories: BLOG, Kategoriler, Web Tasarım Dersleri|0 Comments

About the Author:

 
%d blogcu bunu beğendi:
EV SSL