24 Ocak 2014 Cuma

HTML Dersleri 6 Etiketler Ve Parametreler 3

Merhabalar arkadaşlar. Geçen yazımda en önemli taglerimizden body e ait parametreleri vermiştim ve yazı biçimlendirme etiketlerimizden bahsetmiştim. Bu yazımda da yazı biçimlendirme etiket ve parametrelerine devam edeceğim.

Bismillah diyelim ve başlıyalım.

1. Font Etiketi


<font>....</font> etiketimiz yazımızın font özelliklerini belirlememizi sağlayan etiketimizdir. Şimdide etiketimizin parametrelerine bir göz atalım.

<font face="Arial" size="3" color="red">.....</font>

face=Yazının stilini(tipini) belirlememize yardımcı olur. 

size=Yazının büyüklüğünü belirler.

color=Yazının rengini belirler.

Bu tag arasına yazılan yazı bu tag in özelliklerini sağlar.


2.Center Etiketi


<center>....</center> etiketi arasında kalan yazıyı sayfa içinde ortalamamıza yardımcı olur.

3. P Etiketi


Satır başı etiketidir. Bitiş tag i yazılmasa da hata vermez. Ama yazılması daha iyidir. 

<p align="left">....</p> yazacağımız yazıyı satırın soluna taşır.
<p align="right">...</p> yazacağımız yazıyı satırın sağına taşır.
<p align="center">...</p> yazacağımız yazıyı satırın ortasına taşır.

4. Br Etiketi


Bir alt satıra geçmemizi sağlayan etikettir. Bu etiketimizin de kapanış etiketi yoktur. 

Bir html dosyası yazarken enter tuşu ile bir alt satıra geçmemiz internet sayfasında bir alt satırdan geçmiş şeklide görünmesi için geçerli bir olay değildir. İstedimiz olayın olabilmesi için <br> etiketini kullanmamız gerekir.

</br> şeklinde kullanılması tavsiye edilir. 

5. Nobr Etiketi:


Bu etiketi kullandığımız yazı tek satırda yazılacaktır. Normalde tarayıcıda satır sonuna gelince yazı otomatik olarak bir alt satıra geçecektir. Ama bu tag ile yazdığımız yazı tek satırda yazılacaktır.

<nobr>....</nobr>

6. Pre Etiketi:


Bu etiket en sevdiklerimden. Bu etiket arasına yazılan bir yazı tarayıcıda aynen çıkacaktır. Yani bu tag arasında yazdığım yazıda enter ile alt satıra geçsek bu tarayıcıda aynen gözükecektir.

<pre>...</pre>

7. Blockquote: 


Bu etiket arasına yazılan yazının hem sağdan hem soldan içeriden yazılmasına yardımcı olur.

<blockquote>.....</blockquote>

8. Strike Etiketi:


Bu etiket arasında yazılan yazının üstü çizili olmasını sağlar.

<strike>....</strike>

9. Code Etiketi:


Yazacağımız yazı bir yasa yada kural belirtiyorsa bu etiketi kullanabiliriz.

<code>....</code>

10. Var Etiketi:


Tam emin olmadığımız ifadeler için kullanan etikettir.

<var>....</var>

11. Dfn Etiketi:


Tanımlama belirtilen yazılar için kullandığımız etikettir.

<dfn>...</dfn>

12.Cite Etiketi:


Alıntı yaptığımız yazıları belirtmek için kullanırız genelde bu etiketi.

<cite>...</cite>

13.Adress Etiketi:


Adres belirtmek istediğimizde kullanırız.

<adress>...</adress>

14. Kbd Etiketi:


Bu etiket arasındaki yazı keybord karakterleri gibi gözükmesini sağlar.

<kbd>...</kbd>

15. TT Etiketi:


Bu tag arasına yazılan yazı daktilo yazısı gibi görünür.

<tt>...</tt>

16.Hr Etiketi:


Sayfa içinde yatay düz bir çizgi çizmek istersek bu etiketi kullanırız. Ve bu etiketinde kapanış etiketi yoktur.
</hr> şeklinde kullanılması tavsiye edilir.

Parametrelerine bir bakalım.

<hr size="2" width="50" color="red">

Burada size çizginin kalınlığını belirler. Witdh genişliğini colorda oluşacak çizginin rengini belirler.

17. Marquee Etiketi:


Bu etiket arasına yazdığımız yazı kayan bir animasyona sahip olur.

< marquee bgcolor="blue" loop="100" direction= up | down | right | left scrolldelay="200" scrollamount="50" width="300" height="15" behavior="alternate"  > yazıcağımız yazı veya ekleyeceğimiz resim bölümü< /marquee >  

Parametrelerin ne işe yaradığına bir göz atmak gerekirse.

bgcolor kayan bölgenin arka plan rengini belirler , loop kayan yazının kaç kez kayacağını belirlememize yardımcı olur eğer bunu yazmaz isek etiket içinde yazı sonsuza kadar kayar, direction kayma yönünü belirler up yukarı, down aşağı, left sola, right sağa kaymasını sağlar, scrolldelay kayma hızını belirler sayı arttıkça hız düşer, scrollamount zıplayarak gitme hızını belirler sayı arttıkça hız artar ,width kayan bölgenin genişliğini height ise kayan bölgenin yüksekliğini belirler.

Ve son etiketimizde sıra.

18. Açıklama satırı etiketi.


<!-- Yazılacak açıklama -> 


Bu şekilde yazdığımız bir açıklama kodlarımızı hem sonradan daha iyi hatırlamamıza yardımcı hemde daha düzenli kod yazmamızı sağlar.


Bunları birde HTML dosyamızda görelim. Daha sonrasında dersin sonuna gelelim. 




Bu şekilde bu anlatımında sonuna geldik. 6 derste baya mesafe katettik. Bundan sonra ise daha iyi işler  çıkarabileceğimiz hem yöntem hemde etiketlerle devam edeceğiz. Şimdilik huzurdan ayrılıyorum. Çalışan arkadaşlarıma kolaylıklar dilerim.

KONUNUN YAZARI NCFKR
DİĞER KONU ANLATIMLARI İÇİN TIKLA VE ÖĞREN

Hiç yorum yok:

Yorum Gönder