HTML Nedir Çerçeve Kullanma Form Oluşturma HTML Web Sayfası Yapma Kayan Yazı Oluşturma
Link Verme Liste Oluşturma Meta Tagları Metin Biçimlendirme Özel Karakterler
Renkler Web Sayfasına Resim Ekleme Web Sayfasına Efekt Verme Web Sayfasına Muzik Ekleme Tablo Oluşturma
Türkçe Karakter Sorunu

METİN BİÇİMLENDİRME

1.Font etiketinin kullanımı

Html dökümanımızda <font> etiketi kulanarak yazı biçimimizi kontrol edebiliriz. Bu etiketle "color", "size" ve "face" elemanlarını kullanabiliriz

Font Büyüklüğü

size= yazı büyüklüğü ('+1,+2,+3,....+7' değerleri ile yazı boyutu büyürken, '-1,-2,-3,......,-7' değerleri ile ise yazı boyutunu küçültür.)

<font>Font Büyüklüğü</font>

<font size="1">Font Büyüklüğü</font>
<font size="2">Font Büyüklüğü</font>
<font size="3">Font Büyüklüğü</font>
<font size="4">Font Büyüklüğü</font>
<font size="5">Font Büyüklüğü</font>
<font size="6">Font Büyüklüğü</font>
<font size="7">Font Büyüklüğü</font>

Font Rengi

color= yazı rengi (red, green gibi renklerin ingilizce karşılığı veya RGB –hexadecimal- renk değeri)

<font color="blue">Font Rengimiz.</font>
<font color="red"> Font Rengimiz.</font>
<font color="purple"> Font Rengimiz.</font>
<font color="orange"> Font Rengimiz.</font>
<font color="green"> Font Rengimiz.</font>
<font color="black"> Font Rengimiz.</font>
<font color="pink"> Font Rengimiz.</font>
<font color="brown"> Font Rengimiz.</font>
<font color="crimson"> Font Rengimiz.</font>

Font Türü

face= yazı tipi adı (arial, tahoma, verdana, ...)

<font face="Arial">Arial</font>
<font face="Arial Black">Arial Black</font>
<font face="Courier">Courier</font>
<font face="Courier New">Courier New</font>
<font face="Modern">Modern</font>
<font face="Terminal">Terminal</font>
<font face="Symbol">Symbol</font>
<font face="Comic Sans">Comic Sans MS</font>

2.<p>’nin Parametreleri

<p> </p> Yeni bir paragraf açıp kapatırken kullanılır.

</p> ile Sonlandırıldığında, takib eden metin bir satır boşluk bırakılarak ve satır başına yazılır.

<p align=”left”> Paragrafı sola hizalar. (Parametre kullanılmasa da paragraf sola hizalanmış olur.)

<p align=”right”> Paragrafı sağa hizalar.

<p align=”center”> Paragrafı ortalar

3.<hr> ( horizontal rule) bir çizgi çeker.

<HR SIZE=# WIDTH=# ALIGN=#>

<hr width=”100”> veya <hr width=”%75”> : Çizginin genişliğini ayarlamak için kullanılır.

<hr size=”20”> : Çizginin kalınlığını ayarlamak için kullanılır.
<hr color=”#ff0000”> : Çizginin rengini ayarlamak için kullanılır.
<hr align=”right”> , left, center: Çizginin sayfadaki yatay konumunun sola, sağa veya ortaya hizalanmasını sağlar.

NOSHADE parametresiyle gölgesiz çizgi eklenebilir.

4.<br> bir satır atlamak (bir satır boşluk bırakmadan) için kullanılır.yani satırı sonlandırmak için kullanılır.Bu tag'in kapanış tag'i yoktur.

<BR CLEAR=”NONE”>
<BR CLEAR=”LEFT”>
<BR CLEAR=”RIGHT”>
<BR CLEAR=”ALL”>

İlgili metnin resmin altında mı yoksa yanında mı görüneceğini belirler. Varsayılan değeri NONE'dir.

NONE Bir sonraki yazı resmin hemen yanında görüntülenir.
LEFT Bir sonraki yazı resmin altında sol marjin'in hemen yanında görüntülenir.

RIGHT Bir sonraki yazı resmin altında sağ marjinin hemen yanında görüntülenir.

ALL Bir sonraki yazı resmin altında sağ ve sol marjinlerin yanında görüntülenir.

5.<center> ve </center> arasındaki yazılar veya resmi ortalanır.

6.Başlık etiketleri:(heading)

<H1>…</H1>, <H2>…</H2>, <H3>…</H3>, <H4>…</H4>, <H5>…</H5> ve <H6>…</H6>

Başlık 1

Başlık 2

Başlık 3

Başlık 4


Başlık 5
Başlık 6

ALING="LEFT-RIGHT-CENTER" parametresiyle sağa, sola çekilebilir veya ortalanabilir.

7. <DIV ALIGN=”CENTER”>, <DIV ALIGN=”LEFT>, <DIV ALIGN=”RIGHT”> </DIV> ; Sayfada veya tablo içinde bulunan yazı veya resmi, ortaya, sola veya sağa hizalanmasını sağlar.

8. HTML dökümanında gözatıcı tarafından göz önüne alınmasını istemediğinizyorum satırlarını<!-- ve --> belirteçleri arasına yazınız.

<!--
yorumunuz..
yorumunuz...
-->
veya
<!-- yorumunuz... --
-- yorumunuz.. -->

Gelişmiş Düzenlemeler:

Yazı Tarzları

HTML'de harfleri koyu, eğik veya altı çizili yapmaya yarayan komutları görmüştük. Aşağıda hem daha önce gördüklerimiz, hem de yeni göreceğimiz kodlar yer alıyor:


<b></b>

Harfleri koyulaştırır.(bold)

<strong></strong>

Harfleri koyulaştırır.

<big></big>

Harflerin boyutunu büyütür.

<small></small>

Harflerin boyutunu küçültür.

<em></em>

Harfleri eğik hale getirir.(emphasized)

<i></i>

Harfleri eğik hale getirir.(italic)

<sub></sub>

Harfleri alt simge haline getirir. (subscript)Örn: O2

<sup></sup>

Harfleri üst simge haline getirir. (superscript)Örn: m² gibi

<del></del>

Harfleri üstü çizili hale getirir. (deleted)

<ins></ins>

Harfleri altı çizili hale getirir. (inserted)

<u></u>

Harfleri altı çizili hale getirir.(underlined)

<!-- -->

HTML açıklamalrı <!-- ile başlar ve --> ile biter. Bu iki tag arasında kalan bütün yazılar browser tarafından ihmal edilir

<nobr></nobr>

Hiçbir zaman yeni satıra geçmiyor.

<strike> </strike>

Üzeri çizili yazı oluşturmak için kullanılır. Aynı işi <s></s> yapmaktadır.

<pre> </pre>

Yazıların göruntüsünde ayarlama yapılmaz. Yani birden fazla boşluk varsa bunlar bir tane olacak şekilde azaltılmaz.

<tt></tt>

Arasına yazılan metni "teletip metin" moduna çevirir.

<address></address>

Adres bölümleri için kullanılır. Genelde italik olarak render edilir.

<bdo dir="rtl"></bdo>

Arasına yazılan metinsel ifadeyi tersine çevirir. "Banu"'yu "unaB" yapar. Bu kod olmasaydı, insanoğlu n'apardı bilemiyorum.

<code></code>

Arasına yazılan metni "code" (kod) moduna çevirir. program kodlarını web sayfasına yazacaksanız,

<ACRONYM TITLE="x"> </ACRONYM>

Arasında kalan metin genellikle bir kısaltmadır. Mause imleci kısaltmanın üzerine geldiğinde kısaltmanın manası görüntülenir. Bunun için x yerine kısaltmanın açılım

<kbd></kbd>

Arasına yazılan metni "keyboard" (klavye/daktilo) moduna çevirir.

<sample></sample>

Arasına yazılan metni "sample" (örnek) moduna çevirir.

<abbr></abbr>

Arasına yazılan metni yine kısaltma moduna çevirir.

<blink> ve </blink>

arasındaki yazılar ise yanıp söner

&nbsp

(Birden fazla Boşluk vermek) Bir karakterden daha fazla boşluk vermek için kullanılır.

<blockquote></blockquote>

Kenardan 40 piksel daha içeriye yazı yazmanızı sağlar

<SPAN>…</SPAN>

bir dokümanin küçük bir kismini kendi blogu içine alir. <DIV> gibi

<blink></blink>

Yanıp Sönen Yazı Yapmak İçin..

<CITE> </CITE>

<i></i> tagında olduğu gibi italik yazı yazmaya yarar..

Html Yazı Stilleri Örnekler


* <abbr title="abbreviation">abbreviation Örneği.</abbr>

abbreviation...

* <acronym title="acronym">Acronym Uygulaması...</acronym>
Acronym...

* <kbd>Keyboard Şeklinde Yazı</kbd>
Keyboard Şeklinde yazı

* <span title="Title Yazı Açıklama">Span Örneği</span>

Span Örneği

* <strong>Strong Yazı</strong>

Strong Yazı

* <del>STRIKETHROUGH</del>

STRIKETHROUGH

* Blok Başlanğıç<blockquote> blockquote Yazı</blockquote>Block Sonu
Blok Başlanğıç
blockquote Yazı
Block Sonu

* <blink>Blinking YAzı Yanıp Sönen</blink>
Blinking Yazı Yanıp Sönen

* <small>Small Küçük YAzı</small>
Small Küçük YAzı

* <big>Big Büyük Yazı</big>
Big Büyük Yazı

* O<sub>2</sub>
O2
* X<sup>2</sup>
X2

* <b>Bold Koyu Yazı</b>
Bold Koyu Yazı

*<u>Underline text</u>
Underline text

* <i>İtalic Text</i>
İtalic Text

* <address> ADDRESS </address>
ADDRESS

* Pre Uygulaması
               ----|---
              /\ | /\
              / \ | / \
              /____\|/____\
              \       /|\     /
              \ / | \ /
              \/__|__\/


*<code><% ...%></code>
<% ...%>

*<tt>typewriter yazı</tt>
typewriter yazı

*<CITE>italik Yazı Yazmak İçin.</CITE>
italik Yazı Yazmak İçin.

*<bdo dir="rtl">Sağdan Sola Doğru Okuyunuz</bdo>
Sağdan Sola Doğru Okuyunu

*<S>Altı Çizğili Yazı Yapmak.</S>
HTML Nedir Çerçeve Kullanma Form Oluşturma HTML Web Sayfası Yapma Kayan Yazı Oluşturma
Link Verme Liste Oluşturma Meta Tagları Metin Biçimlendirme Özel Karakterler
Renkler Web Sayfasına Resim Ekleme Web Sayfasına Efekt Verme Web Sayfasına Muzik Ekleme Tablo Oluşturma
Türkçe Karakter Sorunu
Altı Çizğili Yazı Yapmak.