Html

Sıralı listeler (ordered list) - Düz Listeler

2010-11-27T07:28:00.001-08:00

HTML Sıralı listeler (ordered list) - Düz Listeler

Düz liste oluşturmak için,

Listeye başlamak için belirteç açılır.<ul> ve Listeyi bitirmek için belirteç kapatılır.</ul>

Liste elemanlarını teker teker girerken başına <li> belirteci girilir. Kapatmak için </li> belirtecine gerek duyulmaz.

Örnek olarak;

<ul> <li> Liste elemanı - 1 <li> Liste elemanı - 2 </ul>

Görünümü Bu Şekilde

Liste elemanı - 1
Liste elemanı - 2

<ol> tagı ile kullanılan type elemanının alacağı değer ile listenizi şekillendirebiliriz. Mesela type="a" olursa listeniz "a, b, c, d" şeklinde sıralanacaktır. Ya da type="I" yazarak listenizi roma rakamları ile sıralanır. Listenizin "e, f, g" veya "10, 11, 12" şeklinde başlamasını istersek bunu da start elemanı ile yapılır. Mesala "10,11,12" şeklinde bir liste yapmak istersek.

<ol type="1" start="10">

<li> Elma <li> Armut <li> Kiraz </ol>

Start elemanının değeri her zaman bir sayı olmalı.

Görünümü Bu Şekilde :

Elma
Armut
Kiraz

Compact parametresi ise listenin mümkün olan minimum satır aralığına sahip olmasını sağlıyor.

Sırasız listeler (unordered list)

2010-11-27T07:26:00.003-08:00

Html Sırasız listeler (unordered list)

Bu tip listede de mantık aynı. Fark, listeleme yaparken maddelerin başına harf, rakam gibi unsurlar yerine madde imleri (küçük yuvarlaklar, kareler) kullanılır.

<ol> etiketi yerine <ul> etiketini kullanıyoruz, maddeler için kullandığımız <li> etiketi burada da geçerli.

Sırasız Listelerde <ol> için type parametreleri ise şöyle;.

<ul type="circle"> , içi boş daire <ul type=" disc"> , içi dolu daire <ul type=" square"> , içi dolu kare

Örnek:

<ul type="circle"> <li> Elma <li> Armut <li> Kiraz </ul>

Görünümü Bu Şekilde :

Elma
Armut
Kiraz

Tanımlama listeleri (definition list)

2010-11-27T07:26:00.001-08:00

Html Tanımlama listeleri (definition list)

Tanım listeleri yapılırken <dl> </dl> tagları kullanılır. Yardımcı eleman olarak ise <dt> ve <dd> elemanları kullanılır.

Tanımı yapılacak başlık, <dt> ile belirtilir, <dd> ile başlık altına metin girilir.

Örnek :

<dl compact> <dt>HTML nedir? <dd> HTML (HyperText Markup Language-Hareketli-Metin İşaretleme Dili). <dd> Web Tarayacıda görebileceğimiz, internet dökümanları oluşturmaya yarayan bir çeşit dildir </dl>

Html İçiçe Listeler

2010-11-27T07:25:00.001-08:00

Html İçiçe Listeler

alt alta listeler yapmak için.

<ol type="A"> <li>HTML Dersleri <ol type="1"> <li>Kullanılan Elemanlar <ul type="circle"> <li>aaa <li>bbb </ul> <li>Kullanım Alanları <ul type="circle"> <li>ccc </ul> <li>Püf Noktaları </ol> <li>HTML Nedir? </ol>

Görünümü Bu Şekilde :

HTML Dersleri
1. Kullanılan Elemanlar
  - aaa
  - bbb
2. Kullanım Alanları
  - ccc
3. Püf Noktaları
HTML Nedir?

Takısının Parametreleri

2010-11-03T13:41:00.004-07:00

<td> Takısının Parametreleri

Burada parametre kullanarak Tablo’nun hücrelerinin içeriğini sağa, sola veya ortaya yaslayabilir. Hücrelerin arka plan renklerini ayrı ayrı değiştirebiliriz.

<td bgcolor=”#00ffff”> Hücrenin arka plan rengini, diğer hücrelerden veya tablonun genel arka planından bağımsız olarak değiştirir.
<td width=”250”> Hücre genişliğini belirlemek için kullanılır.
< td height=”50”> Hücre yüksekliğini belirlemek için kullanılı
<td colspan=”2”> Bu hücrenin genişliğinin 2 sütun genişliğinde olduğunu gösterir.

<td rowspan=”2”> Bu hücrenin yüksekliğinin 2 satır yüksekliğinde olduğunu gösterir.

<td background=”hasan.gif”> Hücrenin arka planına bir resim yerleştirir.
<td align=”left”>, <td align=”right”>; <td align=”center”> Hücrenin içerisinde yer alan metin, resim, grafik vs. gibi web sayfası öğelerini sola, sağa veya ortaya hizalayabiliriz.

<td valign="top”>, <td valign="middle”>, <td valign="bottom”>, <td valign="baseline”> sadece <td> ile birlikte kullanılır, hücre içeriğini dikey olarak tablonun tepesine(top), ortasına(middle) veya tabanına(bottom) dayar.

Not : Align parametresi hücre içinde yatay hizalama yapar. Valign parametresi hücre içinde düşey hizalama yapar.

Not: <table border=“1”> takısı kullanıldıgında table ve td takısında <td bordercolor:#ff0000”> veya <table bordercolor:#ff0000”> paremetresi kullanıldıgında çerçevenin tüm kısımları aynı renge boyanıyor. Bordercolor yerine <BORDERCOLORDARK=”#ff0000”> kullanılırsa tablo çerçevesinin gölgeli kısmını <BORDERCOLORLIGHT=”#ff0000”> kullanılırsa çerçevenin ışığa bakan kısmını renklendiriyor.

Etiketler »» [Tablo Kenarlık Renklerinde Ayarlama Yapmak] [Tablolarda Colspan ve Rowspan kullanımı ile ilgili örnekler] [Html Tablolar]

Tablo Kenarlık Renklerinde Ayarlama Yapmak

2010-11-03T13:41:00.003-07:00

Tablo Kenarlık Renklerinde Ayarlama Yapmak

A.) Tablomuzun sadece bazı yerlerindeki iç kenarlıkları da yok etmemiz mümkün. Bunu <table> tagının "rules" elemanı ile yapabiliriz.

"Rules" Elemanının parametreleri.:

• none : Tüm iç kenarlıkları yok eder.
• rows : Dikey iç kenarlıkları yok eder.
• cols : Yatay iç kenarlıkları yok eder.

Örnek;

<tr>
<td>1.satır 1.sütun</td>
<td>1.satır 2.sütun</td>
</tr>
<tr>
<td>2.satır 1.sütun</td>
<td>2.satır 2.sütun</td>
</tr>
<tr>
<td>3.satır 1.sütun</td>
<td>3.satır 2.sütun</td>
</tr>
</table>

Tarayıcınızda şöyle gözükecektir:

1.satır 1.sütun	1.satır 2.sütun
2.satır 1.sütun	2.satır 2.sütun
3.satır 1.sütun	3.satır 2.sütun

B.) Tablomuzun sadece bazı yerlerindeki dış kenarlıkları yok etmemiz mümkün. Bu özelliği <table> tagının "frame" elemanı sayesinde gerçekleştiririz.
Frame" Elemanının Parametreleri.
• void : Tüm dış kenarlıkları yok eder.
• above : Sağ,sol ve alt kenarlığı yok eder.
• below : Sağ,sol ve üst kenarlığı yok eder.
• hsides : Sağ ve sol kenarlıkları yok eder.
• vsides : Üst ve alt kenarlıkları yok eder.
• rhs : Üst, alt ve sol kenarlığı yok eder.
• lhs : Üst, alt ve sağ kenarlığı yok eder.

Örnek;

<tbody>
<tr>
<td>1.satır 1.sütun</td>
<td>1.satır 2.sütun</td>
</tr>
<tr>
<td>2.satır 1.sütun</td>
<td>2.satır 2.sütun</td>
</tr>
<tr>
<td>3.satır 1.sütun</td>
<td>3.satır 2.sütun</td>
</tr>
</tbody>
</table>

Tarayıcınızda şöyle gözükecektir:

1.satır 1.sütun	1.satır 2.sütun
2.satır 1.sütun	2.satır 2.sütun
3.satır 1.sütun	3.satır 2.sütun

Etiketler »» [TD Takısının Parametreleri ] [Tablolarda Colspan ve Rowspan kullanımı ile ilgili örnekler] [Html Tablolar]

Tablolarda Colspan ve Rowspan kullanımı ile ilgili örnekler

2010-11-03T13:41:00.001-07:00

Tablolarda Colspan ve Rowspan kullanımı ile ilgili örnekler

1		2	3
4			5
6	7	8	9

- //////////////////////////// -

1	2	6	3
4	5		7
4	8		9

Etiketler »» [TD Takısının Parametreleri ] [Tablo Kenarlık Renklerinde Ayarlama Yapmak] [Html Tablolar]

Yazı Kodları

2010-09-24T09:30:00.001-07:00

html Yazı Kodları

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..

Etiketler »» [Yazı Stilleri Örnekler] [Paragraf] [<br> Kodu] [Center Kodu] [Başlık etiketleri:(heading) ] [Div kullanımı] [Kod Yazarken Açıklayıcı Bilgi Verme] [Font Etiketinin Kullanımı] [Horizontal]

Yazı Stilleri Örnekler

2010-09-24T09:28:00.002-07:00

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>
O₂
* X<sup>2</sup>
X²

* <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>
~~Altı Çizğili Yazı Yapmak.~~

Etiketler »» [Yazı Kodları] [Paragraf] [<br> Kodu] [Center Kodu] [Başlık etiketleri:(heading) ] [Div kullanımı] [Kod Yazarken Açıklayıcı Bilgi Verme] [Font Etiketinin Kullanımı] [Horizontal]

Paragraf

2010-09-24T09:28:00.001-07:00

Html Paragraf

<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

Etiketler »» [Yazı Kodları] [Yazı Stilleri Örnekler] [<br> Kodu] [Center Kodu] [Başlık etiketleri:(heading) ] [Div kullanımı] [Kod Yazarken Açıklayıcı Bilgi Verme] [Font Etiketinin Kullanımı] [Horizontal]

Horizontal

2010-09-24T09:27:00.001-07:00

Html horizontal

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

<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.

Etiketler »» [Yazı Kodları] [Yazı Stilleri Örnekler] [Paragraf] [<br> Kodu] [Center Kodu] [Başlık etiketleri:(heading) ] [Div kullanımı] [Kod Yazarken Açıklayıcı Bilgi Verme] [Font Etiketinin Kullanımı]

br kodu

2010-09-24T09:26:00.000-07:00

html br kodu

<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.

İ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

Etiketler »» [Yazı Kodları] [Yazı Stilleri Örnekler] [Paragraf] [Center Kodu] [Başlık etiketleri:(heading) ] [Div kullanımı] [Kod Yazarken Açıklayıcı Bilgi Verme] [Font Etiketinin Kullanımı] [Horizontal]

Center Kodu

2010-09-24T09:25:00.001-07:00

Html Center Kodu

</center>

arasındaki yazılar veya resmi ortalanır.

Etiketler »» [Yazı Kodları] [Yazı Stilleri Örnekler] [Paragraf] [<br> Kodu] [Başlık etiketleri:(heading) ] [Div kullanımı] [Kod Yazarken Açıklayıcı Bilgi Verme] [Font Etiketinin Kullanımı] [Horizontal]

Başlık etiketleri:(heading)

2010-09-24T09:23:00.000-07:00

Html Başlık etiketleri:(heading)

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.

Etiketler »» [Yazı Kodları] [Yazı Stilleri Örnekler] [Paragraf] [<br> Kodu] [Center Kodu] [Div kullanımı] [Kod Yazarken Açıklayıcı Bilgi Verme] [Font Etiketinin Kullanımı] [Horizontal]

Div kullanımı

2010-09-24T09:22:00.000-07:00

Html Div kullanımı

<DIV ALIGN=”CENTER”>,

<DIV ALIGN=”LEFT>,

</DIV> ;

Sayfada veya tablo içinde bulunan yazı veya resmi, ortaya, sola veya sağa hizalanmasını sağlar.

Etiketler »» [Yazı Kodları] [Yazı Stilleri Örnekler] [Paragraf] [<br> Kodu] [Center Kodu] [Başlık etiketleri:(heading) ] [Kod Yazarken Açıklayıcı Bilgi Verme] [Font Etiketinin Kullanımı] [Horizontal]

Html Kod Yazarken Açıklayıcı Bilgi Verme

2010-09-24T09:20:00.000-07:00

Html Kod Yazarken Açıklayıcı Bilgi Verme

HTML dökümanında gözatıcı tarafından göz önüne alınmasını istemediğiniz yorum satırlarını  belirteçleri arasına yazınız.

veya

Etiketler »» [Yazı Kodları] [Yazı Stilleri Örnekler] [Paragraf] [<br> Kodu] [Center Kodu] [Başlık etiketleri:(heading) ] [Div kullanımı] [Font Etiketinin Kullanımı] [Horizontal]

Font Etiketinin Kullanımı

2010-09-24T09:17:00.000-07:00

Html 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>

Örnek Meta Taglar

2010-07-12T14:27:00.003-07:00

Örnek Meta Taglar

<head>
<title>Html Dersleri</title>
<meta name="keywords" content="Html, Ders, Dersler,Html Nedir,Html Template">
<meta name="description" content="Açıklamalı Html Dersleri">
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-9">
<meta http-equiv="Content-Type" content="text/html;charset=windows-1254">
<meta http-equiv="Content-Language" content="tr">
</head>

Diğer Meta Tagları Kullanma İhtiyacı Duymadığımdan yazmadım,

Meta Tagların Kullanımı

2010-07-12T14:27:00.001-07:00

Meta Tagların Kullanımı

Sayfanızın arama motorlarında hangi kelemerde çıkmasını istiyorsanız aralarına virgule koyarak buraya yazınız.

Belirtilen saat standartına uyarak, verilen tarih ve saat doğrultusunda sayfanızı siler.

Meta Taglar

2010-07-12T14:26:00.000-07:00

Meta Taglar

Tagları arasında kullanılırlar. Head tagları arasına yazılan yazılar sayfada gözükmez.

Select menu

2010-06-16T15:43:00.000-07:00

3. Select (menü) : Kullanımı; <select> </select>

Forms - <SELECT> .... </SELECT>

Alternatifler içinden birinin seçileceği durumlarda kullanılır.

Option: Alternatifler tanımlanır.
name menümüze isim tanımlar.
size Görünecek liste elemanı sayısını belirler..
selected, Seçeneklerden birini aktif yapar.( Eğer hiç bir eleman işaretlenmemiş ise ilk eleman seçilir olarak gelir)
Value , İlgili alternatife değer verir.

SELECT elemanı genelde Pull-down ya da Pop-up menü olarak işlem görür.

<SELECT NAME="Seçenekler?">
<OPTION value=”1”> seçenek - 1
<OPTION selected value=”2”> seçenek - 2
<OPTION value=”3”> seçenek - 3
<OPTION value=”4”> seçenek - 4
<OPTION value=”5”> seçenek - 5
</SELECT>

MULTIPLE: Kullanıcıya birden fazla seçenek seçebilmesi için olanak kılar

<select name="menu" size="3" multiple>
<OPTION value=”1”> seçenek - 1
<OPTION selected value=”2”> seçenek - 2
<OPTION value=”3”> seçenek - 3
<OPTION value=”4”> seçenek - 4
<OPTION value=”5”> seçenek - 5 </select>
</form>

Labels »» [Form Elemanlari CHECKBOX-HIDDEN-PASSWORD-RADIO-RESET-SUBMIT-TEXT-FILE] [Html Form Elemanlarının Kullanımı] [Form Attributes Öznitelikler ] [Textarea Metin Alanı]

textarea metin alanı

2010-06-16T15:42:00.000-07:00

2.textarea (metin alanı) : birden fazla satırlık veri girişlerinde kullanılır.
Kullanımı; <textarea> </textarea>

<form>
iletiniz : <br>
<textarea name="isim" ROWS=”6” COLS=”35”>
Site Hakkındaki Görüşlerinizi Yazınız...</textarea>
</form>

rows dikey olarak metin alanının büyüklüğünü belirtir.

cols ise yatay olarak metin alanının büyüklüğünü belirtir.

<textarea> </textarea> arasında kalan kısımda yazdıklarımız ise "value" elemanının yaptığı işi yapar.yazılması gerekli degildir.

Labels »» [Form Elemanlari CHECKBOX-HIDDEN-PASSWORD-RADIO-RESET-SUBMIT-TEXT-FILE] [Html Form Elemanlarının Kullanımı] [Form Attributes Öznitelikler ] [Select Menu]

Form Attributes Öznitelikler

2010-06-16T15:40:00.000-07:00

Html Form Attributes Oznitelikler

name= Form ögesine bir ad verir. Kullanmak mecbur.

value= Form ögesine değer verir. Kullanmak mecbur degil.

size= Form öğesinin karakter uzunluğunu belirler. Kullanmak mecbur degil

Maxlength= Form ögesi metin kutusunun maximum uzunluğu belirler. Kullanmak mecbur degil.Varsayılanı sonuzdur. SIZE parametresinde belirtilen sayıdan fazla kelime girildiginde scrollbar aktif olacaktır.

ALIGN:Resmin dikey hizası. Yalnız, TYPE=IMAGE durumunda kullanılır. Alabileceği değerler, aynı <IMG> elemanındaki gibidir.

Labels »» [Form Elemanlari CHECKBOX-HIDDEN-PASSWORD-RADIO-RESET-SUBMIT-TEXT-FILE] [Html Form Elemanlarının Kullanımı] [Textarea Metin Alanı] [Select Menu]

Form Elemanlari CHECKBOX-HIDDEN-PASSWORD-RADIO-RESET-SUBMIT-TEXT-FILE

2010-06-16T15:37:00.000-07:00

Html Form Elemanları

1.<input>
<form>
<input type="" name="" value="" size="">
</form>

Type = Form öğesinin tipini belirler. Kullanmak mecbur. Default olarak metin veri tipi “text” kullanılır.

CHECKBOX: Boolean (İkili) değerler için ya da aynı anda birdan fazla değer alacak veriler için kullanılır. Her seçilen checkbox gönderilen veri içinde isim/değer ikilisi yaratır. Default değer "on" olarak kabul edilir.

HIDDEN: Kullanıcıya göstermeden içindeki değeri form ile beraber göderilen alan yaratır. Client/server alış-verişi içinde özel bilgiler göndermek için kullanılır.

PASSWORD: Aynı TEXT parametesi gibidir. Farklılık veriler girilirken görüntülenmez.

RADIO: Alternetifler arasından bir değer kabuş edilebilmesi için kullanılır. Grup içindeki bütün radio düğmelerine aynı isim verilmelidir. Yalnız seçilen düğme isim/veri ikilisi yaratır. Bir VALUE parametresine gerek duyarlar.

RESET: Form içindeki alanları daha önceden belirlenen değerlerine döndürmek için kullanılan bir düğmedir. VALUE parametresi düğmenin etiketini belirler.

SUBMIT: Basıldığında form içindeki verileri gönderen düğmedir. VALUE parametresi düğmenin etiketini belirler.

TEXT: SIZE ve MAXLENGHT parametreleri ile beraber tek satırlık veri girişlerinde kullanılır.

FILE: Form verileri ile beraber dosya göndermeyi olanaklı kılar.

Labels »» [Html Form Elemanlarının Kullanımı] [Form Attributes Öznitelikler ] [Textarea Metin Alanı] [Select Menu]

FRAMESET Parametreleri

2010-01-02T09:58:00.000-08:00

FRAMESET Parametreleri

Frame kullanırken kullandığımız frame'e isim vermek için name ( bağlantıların TARGET kısmında kullanabilmek için ) elemanını ve frame'in bulunduğu yeri göstermek için de src elemanını kullanırız.

Sayfamıza framelerin dikey veya yatay yerleşmeleri için <frameset> tagının "cols" ve "rows" elemanlarını kullanırız.

cols="*,*,*" sayfanın dikey olarak hangi oranda bölüneceğini belirlemenizi sağlar. Örneğin cols="180,450" gibi sayı yazılabilir, cols="45%,65%" ile browser penceresinin o anki ebadına göre verilen % oranlarına göre şekil alması sağlanabilir yada (*) sembolü ile açılacak çerçevenin ebadı browser'a bırakılır, cols="180,*" ifadesi ilk pencerenin 180 pixel olacağını * ise ikinci frame'in geri kalan boşluğun tümünü kaplayacağını belirtiyor. Bu şekilde açılacak çerçeve sayısını da belirtmiş olur.

rows="*,*,*" sayfanın yatay olarak hangi oranda bölüneceğini belirlememizi sağlar.

Not: Aynı <frameset> tag'ı içinde hem "cols" hem de "rows" etiketleri kullanılmaz. Anca iç içe frameler yapılırsa kullanılabilir.

frameborder=".." (yes, no) Çerçeveler arasındaki sınır çizgisinin görünüp görünmeyeceğini belirler.

border=".."
Çerçeveleri birbirinden ayıran çizgilerin kalınlığını belirler. (çerçeveler arası mesafeyi)

bordercolor ; kullandığınız çerçevenin kenarlığına renk vermek için.

Not: Çerçevenizde kenarlık istemiyorsanız, border=”0” ve frameborder=”no” vermelisiniz.

marginwidth=".." marginheight=".." (sayı) Sayfanın solundaki (marginleft) ve üstündeki (margintop) kenar boşluklarını belirler.

scrolling=".." (yes, no, auto) Kaydırma çubuklarının durumunu belirler.

noresize
Pencere boyutlarının sabit olmasını sağlar.

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [Frameset Örnekleri] [Çerçeveler (Frames) Arasında Link] [Iframe] [Çerçeve Kullanımı - HTML Frame]

Frameset Örnekleri

2010-01-02T09:57:00.000-08:00

Frameset Örnekleri

Ilk once dört tane htm dosyası oluşturalım. Sırasıyla a.htm, b.htm, c.htm, d.htm olarak kaydedelim.

<html> <head> <title>Çerçeveler Kırmızı Sayfa</title> </head> <body bgcolor="#FF0000"> <div align="center"> <font color="#FFFFFF">A SAYFASI </font> </div> </body> </html>
<html> <head> <title>Çerçeveler Mavi Sayfa</title> </head> <body bgcolor="#0000FF"> <div align="center"> <font color="#FFFFFF">B SAYFASI </font> </div> </body> </html>
<html> <head> <title>Çerçeveler Yeşil Sayfa</title> </head> <body bgcolor="#00FF00"> <div align="center"> <font color="#FFFFFF">C SAYFASI </font> </div> </body> </html>
<html> <head> <title>Çerçeveler Siyah Sayfa</title> </head> <body bgcolor="#000000"> <div align="center"> <font color="#FFFFFF">D SAYFASI </font> </div> </body> </html>

Çerçece Çalışmaları

<html> <head> <title>Çerçeve Çalışma - 1</title> </head> <frameset rows="," cols=","> <frame name="kirmizi" src="a.htm"> <frame name="mavi" src="b.htm"> <frame name="yesil" src="c.htm"> <frame name="siyah" src="d.htm"> </frameset> <body> </body> </html>
<html> <head> <title>Çerçeve Çalışma - 2</title> </head> <frameset cols="150,"> <frame name=" kirmizi" src="a.htm"> <frameset rows="100,"> <frame name=" mavi" src="b.htm"> <frame name=" yesil" src="c.htm"> </frameset> </frameset> <body> </body> </html>
<html> <head> <title>Çerçeve Çalışma - 3</title> </head> <frameset rows="50%,50%"> <frameset cols=","> <frame name=" kirmizi" src="a.htm"> <frame name=" mavi" src="b.htm"> </frameset> <frame name=" yesil" src="c.htm"> </frameset> <body> </body> </html>
<html> <head> <title>Çerçeve Çalışma - 4</title> </head> <frameset rows=",,"> <frame name=" kirmizi" src="a.htm"> <frameset cols=",*"> <frame name=" mavi" src="b.htm"> <frame name=" yesil" src="c.htm"> </frameset> <frame name=" siyah " src="d.htm"> </frameset> <body> </body> </html>

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [FRAMESET Parametreleri] [Çerçeveler (Frames) Arasında Link] [Iframe] [Çerçeve Kullanımı - HTML Frame]

Çerçeveler (Frames) Arasında Link

2010-01-02T09:56:00.002-08:00

Çerçeveler (Frames) Arasında Link

name elemanı ile isimlendirdiğimiz frame'leri birbirine linkler ile bağlayabiliriz. Örnegin link verdigimiz sayfanın hangi frame de çıkmasını istiyorsak target parametresine ilgili frame’nin name’ ni yazarız.

<html>
<head>
<title>Frameler - Çerçeveler Arası Köprü Yapma</title>
</head>
<body>
<a href="ornek.htm" target="kirmizi">Ornek Sayfa</a>
</body> </html>

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [FRAMESET Parametreleri] [Frameset Örnekleri] [Iframe] [Çerçeve Kullanımı - HTML Frame]

Iframe

2010-01-02T09:56:00.001-08:00

Iframe

Iframe, Html sayfa içerisinde istediginiz yere başka bir html sayfayı yerleştirmek için kullanılır.

Söz Dizimi:

name tagı ile Frame adını , width, height değerleriyle Sayfa içersinde Framenin boyutları ayarlıyoruz, scrolling ile yanda scrollbar oluşup oluşmamasını, frameborder ile kenarlık kalınlıklarını belirtilir.

Sayfamızdan Iframe alanına bir link vermek için <a href="link.html" target="frame_adi">Link Adı</a> Şeklinde target kısmına frame adını yazmamız gerekir.

Iframe'ler arama motorları tarafından indekslenmezler bu yüzden <noframe>içeriğimiz buraya</noframe> taglarını kullanarak frame hakkında arama motoru botuna yardımcı olabiliriz.

Örnek:

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [FRAMESET Parametreleri] [Frameset Örnekleri] [Çerçeveler (Frames) Arasında Link] [Çerçeve Kullanımı - HTML Frame]

Marquee Kontrol Kayan Yazıyı Durdurma

2009-12-08T10:16:00.000-08:00

Kayan Yazıyı Durdurma

Marquee Kontrol

Kayan Yazı komutu “<marquee/> - </marquee>” komutudur. Bu komutun yanında bir de yazı kayarken durdurmak istermisiniz.

HTML-Kodu:

<marquee onmouseover="this.stop();" onmouseout="this.start();" > <a href="http://html-dersi.blogspot.com">Html Dersleri</a> </marquee>

Bu Kod Aşagıdaki Şekilde Çalışacaktır.

Html Dersleri

Onmouseover=”this.stop();”> Bu komut kayan yazının üzerine gelindiği zaman yazının durmasınız sağlar.
onmouseout=”this.start();”> Bu komut ise mouse yazının üzerinden çekildiği zaman yazının kaymaya devam etmesini sağlıyor.

Etiketler »» [Marquee Kayan Yazı] [Örnek Kayan Yazı Kodları] [Kayan Slide Resim]

Marquee Kayan Resim - Slide Resimler

2009-12-08T10:12:00.000-08:00

Marquee Kayan Resim

Örnek Slide Kayan Resim Kodu;

Yukardaki Kodlar Aşağıdaki şekilde çalışacaktır
İşte Kayan Resim

Etiketler »» [Kontrol Durdurma] [Marquee Kayan Yazı] [Örnek Kayan Yazı Kodları]

Marquee Kayan Yazı Örnekleri Kodları

2009-12-08T10:11:00.000-08:00

Marquee Kayan Yazı Örnekleri

Kayan Yazı Kodları

Örnek;

<html>
<title> Kayan Yazılar </title>
<body>
<marquee> <font color=red size=7 ALIGN=Center> Sola Doğru Kayıyor </font></marquee>
<marquee direction=right> Sağa Doğru Kayıyor </marquee>

<marquee direction=up> Yukarı Doğru Kayıyor </marquee>

<marquee direction=down> Aşağı Doğru Kayıyor </marquee>
</body>
</html>

///////////////////////////////////////

Görünümü Şu Şekilde olacaktır

Sola Doğru Kayıyor Sağa Doğru Kayıyor Yukarı Doğru Kayıyor

Aşağı Doğru Kayıyor

Etiketler »» [Kontrol Durdurma] [Marquee Kayan Yazı] [Kayan Slide Resim]

Yasal Uyarı

2009-11-07T21:55:00.000-08:00

html-dersi.blogspot.com reklam sponsorlarıyla çalışmaktadır. Sponsorumuz olan Google Adsense Reklamlarının yayıncısıdır. Google üçüncü taraf satıcısı olarak html-dersi.blogspot.com'da reklam yayınlamak için çerezlerden yararlanır. Bu sebeble hem Google hemde DoubleClick DART çerezi kullanmaktadır bu sayede kullanıcılarının ilgi alanlarına göre Reklam yayınlama Tekniğini kullanmaktadır. Ziyaretçilerimiz ve üyelerimiz Google Reklam ve içerik ağı ve gizlilik ağı politikası'nın yayınlandığı Advertising and Privacy - Google Privacy Center web adresini ziyaret ederk DART çerezinin kullanmamızı engelleyebilirler.

Özetle: Web sitemizi ziyaret ettiğiniz zamanlarda reklam hizmeti vermek için üçüncü taraf reklam şirketlerini kullanmaktayız. Söz konusu şirketler, bu sitelere ve diğer web sitelerine yaptığınız ziyaretlerden elde ettikleri (adınız, adresiniz, e-posta adresiniz veya telefon numaranız dışındaki) bilgileri ilginizi çekecek ürün ve hizmetlerin reklamını size göstermek için kullanabilir. Bu uygulama hakkında bilgi edinmek için ve söz konusu bilgilerin bu şirketler tarafından kullanılmasını engellemek üzere seçeneklerinizin neler olduğunu öğrenmek isterseniz bu linkten PDF dosyasını indirerek belgenin A ekinden daha fazla bilgiye ulaşabilirsiniz. Pdf Dosyası

html-dersi.blogspot.com sitesinde uygulanan gizlilik politikası ile ilgili; her türlü soru, görüş ve düşüncelerinizi bize iletişim sayfasından iletebilirsiniz.

Resme Nasıl Link Verilir

2009-11-07T17:59:00.001-08:00

Bir Resme Nasıl Link Verilir

Örnek Kodlar

Resme tıklandığında ana Sayfaya Gideceksiniz.

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [Image Map] [Parametreler] [Mail To] [Klavye] [Dökümana Köprü] [Çapa] [Bağ Link Köprü]

Resimlerde MAP kullanarak link yapmak ImageMap

2009-11-07T17:51:00.000-08:00

Resimlerde 'MAP' kullanarak link yapmak

Map'ler bir resmin değişik yerlerine tıklandığında değişik bağların yüklenmesi olarak tanımlanır.

Kullanımı;

name ile belirttiğimiz isim '<img ..' içinde usemap="#..." ile kullandığımızın aynısı.

shape belirteci ile dikdortgen, daire, ya da poligon tanımlayabiliyoruz. Dikdörtgenin koordinatlarını: X-sol_ust,Y-sol_ust,X-sag_alt,Y-sag_alt biçiminde 'coords="..." ' kısmında belirtiyoruz. 'href="..." ' bölümü ise bu dikdortgen alana tıklanıldığında neyin yüklenmesi gerektiğini söylüyor.

web sitesi alanında bir çember için X-merkez,Y-merkez,R-yarıçap biçiminde koordinat tanımlıyoruz.

Poligon tanımlarken sırayla her bir köşenin X,Y biçiminde koordinatlarını html kodları içine giriyoruz. Dikkat etmemiz gereken husus, poligonun noktalarını saat-yönünde tanımlamamız gerektiğidir. Ayrıca poligonu kapamaya da tarayıcı programlar arasında uyumsuzluk nedeniyle dikkat etmeliyiz. Yukarıdaki üçgen örneğini incelemek aslında poligon tanımı yapabilmek için yeterli. Üçgen için dört nokta kullandık (dördüncü ilkinin dibinde). Aynı zamanda bu üçgenin X,Y betimlemeleri de saat-yönünde girilmiş (noktaları kağıt üzerinde yaklaşık olarak işaretlerseniz bu 'saat-yönü' kavramını daha iyi anlayabilirsiniz).

son olarak da '<area shape="default" nohref>' ile resmin diger bölgelerine tıklanıldığında hiç bir sey yapılmaması gerektiğini söylüyoruz.

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [Bir Resme Link vermek] [Parametreler] [Mail To] [Klavye] [Dökümana Köprü] [Çapa] [Bağ Link Köprü]

Tagının Parametreleri

2009-11-07T17:50:00.000-08:00

<a> Tagının Parametreleri

Target parametresi

Bağlantının açılacağı pencereyi belirtmek için kullanılan"target"

parametresini kullanılır.

Kullanımı:

<a href="html-dersler.htm" target="..." >html dersleri</a>

target="_blank" , Bağlantı yeni bir pencerede açılır.

target="_self" , Bağlantı aynı pencere içerisinde açılır.

target="_top" , Bağlantı aynı pencere içerisinde en üstten itibaren açılır.

target="_parent" , Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerine konur.

target="çerçeve adı" , Frame komutu ile çerçeve oluşturulmuşsa bağlantının adı verilen çerçevede açılmasını sağlar.( Ayrıntı için "Çerçeveler" konusuna bakın.)

Title Parametresi

Title ile linklere acıklama verin; mouse link üzerine getirildiginde link hakkında ayrı bir açıklama yapması sağlayabilirsiniz.

<a href="www.html-dersi.blogspot.com" title="Html dersleri Ana Sayfaya Dön">Ana Sayfa</a>

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [Bir Resme Link vermek] [Image Map] [Mail To] [Klavye] [Dökümana Köprü] [Çapa] [Bağ Link Köprü]

Mail Adresine Link Vermek

2009-11-07T17:49:00.000-08:00

Mail Adresine Link Vermek

Örnek Kod Dizimi

<a href=mailto:html-dersi@blogspot.com> Mail Gönder </a>

Umarım İstediğinizi Bulmuşsunuzdur:)

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [Bir Resme Link vermek] [Image Map] [Parametreler] [Klavye] [Dökümana Köprü] [Çapa] [Bağ Link Köprü]

Linklere Klavye Tuşları ile Kısa Yol Atamak

2009-11-07T17:47:00.000-08:00

Linklere Klavye Tuşları ile Kısa Yol Atamak

Linklerinize klavye kısa yolları atayabilirsiniz. Böylece klavye tuşları kullanarak sitenizin içerisinde gezilebilir. Bunu <a> tagının elemanı olan accesskey ile yapabiliriz.

Kullanımı:

<a href="www.html-dersi.blogspot.com" accesskey="a">Ana Sayfa</a>

Link için atadığınız kısa yol harfi tek başına çalışmaz. Yani yazacağınız harf ile "ALT" tuşuna basarak linki aktif hale getirebilirsiniz.yani ALT+A

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [Bir Resme Link vermek] [Image Map] [Parametreler] [Mail To] [Dökümana Köprü] [Çapa] [Bağ Link Köprü]

Bir Dökümana Link Köprü Verme

2009-11-07T17:46:00.002-08:00

Bir Dökümana Link Köprü Verme

Resme link vermek.

<a href="resim.gif"> Resmi Görüntülemek için tıklayın</a>

Dökümana link vermek.

<a href="ornek.zip"> Bu Dosyayı indirin </a>

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [Bir Resme Link vermek] [Image Map] [Parametreler] [Mail To] [Klavye] [Çapa] [Bağ Link Köprü]

Capa Yaratmak

2009-11-07T17:46:00.001-08:00

Çapa Yaratmak

Çapa bir sayfanın bir yerinden aynı sayfanın başka bir yerine gitmek için yapılılan linke denir. Mesela sayfa sonundaki "Sayfa Başı" na tıkladığında sayfa başına gidilmesi. Bunu çapa ile yaparız.

Çapa yaparken <a> tagının name elemanını kullanılır.

<a name="#sayfabsi">Html Dersleri</a>

Yukarıda sayfa başılığımız olan "Html Dersleri"ne "#" işareti ile isim verdik.

Şimdide sayfa sonunda oluşturacağımız linki nasıl oluşturacağımızı inceleyim.

<a href="#sayfabasi">Sayfa Başına </a>

Örnek için tıklayınız- Sayfa Başı -

Dikkat edilmesi gereken name elemanını verdiğiniz isim ile href'in alacağı name aynı olmalı aksi halde linkiniz çalışmaz.

Çapa yaparken başka bir sayfanın herhangibir ilgili yerinin açılmasınıda sağlayabiliriz.

<a href="tasarim1.htm#ilgiliyer"> linkimiz bu olaçak
tasarim1.htm sayfasında da ilgili yere aşagıdaki çapayı yazıyoruz.
<a name="ilgiliyer">İlgili Yerimizin başlığı</a>

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [Bir Resme Link vermek] [Image Map] [Parametreler] [Mail To] [Klavye] [Dökümana Köprü] [Bağ Link Köprü]

Html Nedir

2009-04-24T14:37:00.000-07:00

HTML / HTM (Hyper Text Markup Language/ Hareketli metin işaretleme dili); yazı, grafik, ses, film gibi pek çok farklı yapıdaki verilerden oluşabilen hypertext bir dökümanı formatlamak ile ilgili komutları içeren bir çeşit programlama dilidir. Dilden ziyade kabaca verileri biçimlendirmek ve düzenlemek için kullandığımız komutlar dizisi diyebiliriz HTML için. Bu komutlara özet olarak TAG denir. HTML, programlama dilleri (C, Basic, Asp, Php..) gibi bir programlama mantığı taşımadığından öğrenilmesi gayet kolay bir dildir.

TAG (Etiket) : HTML dosyalarında normal metin ile Web tarayıcısına yollanacak olan özel komutları birbirinden ayırmak için kullanılan işaretler ve komut dizileridir. Normal metinden bu takıları ayırmak için “büyüktür - > “ ve “küçüktür - < ” işaretleri kullanılır.

HTML ile hazırlanan ineternet dökümanlarının içeriği bir internet browser’ i (Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera , vs..) kullanarak görüntülenebilir. Bu broswer’ ler htm dosyaları açmak için HTTP (Hyper Text Transfer Protocol) kullanırlar.

HTTP (Hypertext Transfer Protocol) Çok yönlü metin transfer iletişim kuralları ve http client/server (sunucu/istemci) etkileşimlerini sağlar

HTML dili zamanla gelişmeye uğramış ve değişik versiyonları çıkmıştır.

VAR

2009-04-24T14:28:00.001-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

VAR; - instance of a variable or program argument - Makalede yer alan bi ifadenin bir "değişken" (variable) olduğunu belirtmek için kullanılır.

UL Unordered Underline

2009-04-24T14:27:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

U ; Underline text type - Metinin istenilen kısmının altı çizili olarak gösterilmesini sağlar.

UL; Unordered list - Sıralı olmayan, düzensiz listeler oluşturmak için kullanılır.

Title Thead TH Tfoot Textarea TD Tbody TT TR

2009-04-24T14:26:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

TR; Table Row - Html belgesindeyer alan tablonun bir satırını tanımlamak için kullanılır.

TT ; Teletype - Metinin istenilen kısmının eş boşluklu bir yazı tipiyle gösterilmesini sağlar.

Table; Table - HTML belgelerinde ki içeriği organize etmek amacıyla tablo oluşturmak için kullanılan başlanğıç etiketidir. Tabloların içindeki satır ve sütünlarda hücreler yer alır.

Tbody; Table body - Bir tablonun belirli satırlarını tablo gövdesi olarak tanımlamaya yarar.

TD; Table Data Cell - HTML belgesi içinde yer alan tablonun bir hücresini tanımlamak için kullanılır.

Textarea; Multi-line text field - Kullanıcının içerisine metin yazarak giriş yapabileceği bir metin alanı yaratmak için kullanılır.

Tfoot; Table Footer - Bir tablonun belirli satırlarını tablo' nun kapanış bölümü (footer) olarak tanımlamaya yarar.

TH; Table Header Cell - Html belgesinde yer alan tablonun başlığını tanımlamak için kullanılır.

Thead; Table Header - Bir tablonun belirli satırlarını tablo' nun açılış bölümü (Header) olarak tanımlamaya yarar.

Title; Document Title - HTML belgesinin başlığı, Belgenin Head kısmında bu etiket ile tanımlanır.

Sup Sub Style Strong Strike Span Small Select Script SAMP

2009-04-24T14:25:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

S; Strike-through text style - Metnin istenilen kısmının üstü çizilmiş olarak görüntülenmesini sağlar.

SAMP; Sample Program Output, Script, Etc - Örnek olarak verilmiş bilgisayar kodlarını belirtmekte kullanılır.

Script; Script Statement - Bir HTML belgesine eklenmiş olan Javascript Benzeri script' leri belirtmek için kullanılır.

Select; Option Selector - Düşey açılır liste menüleri oluşturmaya yarar.

Small; Small Text Style - Metnin istenilen kısmının geneline oranla daha küçük gösterilmesini sağlar.

Span; Generic Language / Style Container - HTML belgelerinde bulununan metinlerin istenilen kısmının gruplanmasında kullanılır. Bu etiket kullanılarak gruplanan metinlerin görsel özellikleride tanımlanabilir.

Strike; Strike-Through Text - Metnin istenilen kısmının üstü çizilmiş olarak görüntülenmesini sağlar.

Strong; Strong Emphasis - Metnin istenilen kısmının daha kalın olarak görüntülenmesini sağlar.

Style; Style info - Html belgesini Head kısmında yer alır ve sayfadaki objelerde kullanılacak stiller tanımlamaya yarar.

Sub; Subscript - Metnin istenilen kısmının alt yazı (subscript) şeklinde görüntülenmesini sağlar.

Sup; Superscript - Metnin istenilen kısmının Üst yazı (supscript) şeklinde görüntülenmesini sağlar.

Quotation

2009-04-24T14:24:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

Q; Short inline quotation - Başka bir yerden yapılan kısa bir alıntıyı belirtmek için kullanılır.

Param Paragraph Pre

2009-04-24T14:23:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

P; Paragraph - HTML belgesinde bulunan paragrafları belirtmek için kullanılır.

Param; Named Property Value - Xhtml belgelerinde dahil edilmiş elementlerin çalışma zamanı ayarlarını belirtmek için kullanılır.

Pre; Preformatted Text - Metnin sayfada da HTML kodlarında görüldüğü şekliyle görüntelenmesini sağlar. Html belgelerinde ki boşluk ve "enter"'lar sayfada olduğu gibi görüntülenir.

Object OL Optgroup Option

2009-04-24T14:22:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

Object; Generic Embedded object - Flash animasyonlar gibi multimedia objelerin html belgelerine eklenmesi için kullanılır.

OL; Ordered List - Rakamlar, Romen rakamları veya harflerle ifade edilen sıralı listeler oluşturmak için kullanılır.

Optgroup - Option Group - Düşey açılır liste menülerinde (dropdown list) seçenek grupları oluşturmaya yarar.

Option; Selectable Choice - Düşey açılır liste menülerinde (Dropdown List) seçenek yaratmak için kullanılır.

Noframes NoScript

2009-04-24T14:21:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

Noframes; alternate content container for non frame-based rendering - Frame (çerçeve) kullamını desteklemeyen tarayıcılarda çerçevelerin yerine gösterilecek içeriği tanımlamakta kullanılır.

NoScript; alternate content container for non Script-based rendering - Sayfada bulunan bir script herhangibi bir sebeble çalışmadığında onun terine gösterilecek metni tanımlamaya yarar.

Map Menu Meta

2009-04-24T14:20:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

Map; Client-side image map - Bir resim üzerinde tıklanabilir alanlar oluşturmak için kullanılır.

Menu; Menu list - Html belgesi içinde bir menu listesi oluşturmak için kullanılır.

Meta; Generic Metainformation - Html belgesi hakkında özet bilgiler veren, sayfada görünmeyen etiketler oluşturmak için kullanılır.

Link LI Legend Label

2009-04-24T14:19:00.002-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

Label; Form field label text - Kullanıcıların giriş yaptığı sayfalarda, tıklanıldığı zaman radyo düğmeleri gibi kontrolleri etkin hale getiren alanları tanımlamakta kullanılır.

Legend; Fieldset Legend - Bir fieldset'in başlığının tanımlanmasına yarar.

LI; List item - <ol> ve <ul> wtiketleriyle tanımlanan listelerin içerdiği maddeleri tanımlamaya yarar. Her bir madde <li> ve </li> etiketleri arasına yazılır.

Link; a media-independed link - bağlantılı iki belge arasındaki ilişkiyi belirtmek için kullanılır.

KBD

2009-04-24T14:19:00.001-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

KBD; Text to be entered by the user - Klavye üzerinde yer alan metin ve işaretlerin belirtilmesinde kullanılır.

INS Input IMG IFrame

2009-04-24T14:18:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

I; italic text style - Metinde listelenen kısmın italik görünmesini sağlar.

IFrame; inline subwindow - Html belgesi içinde farklı bir belgeyi görüntüleyen, sayfa içinde olmasına rağmen bağımsız bir tarayıcı gibi çalışan bir çerçeve oluşturur.

IMG; Embedded image - Html belgelerinde resimlerin görüntülenmelerini sağlar. Resmin bulunduğu gerçek konum ve sayfada görünecegi boyutlar da bu etiketin içinde tanımlanır.

Input; Form Control - Kullanıcılar tarafından giriş yapılabilen bir form alanını tanımlamakta kullanılır.

INS; Inserted Text - Daha önce tanımlanmış bir belgeye sonradan eklenen bir metin bölümünü tanımlamak için kullanılır.

Heading HTML HR HEAD

2009-04-24T14:16:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

HEAD ; Documen head - <head> ve </head> etiketleri arasında belgenin kullanıcıya görüntülenmeyen, HTML belgesinin çeşitli özelliklerini tanımlayan bilgiler bulunur. HEAD bölümün içinde <base> , <line>, <meta>, <script>, <style> ve <title> etiketleri bulunur.

HR; Horizontal line - Html belgesi içinde yatay bir çizgi oluşturmak için kullanılır. Çizginin renk, kalınlık ve uzunluk nitelikleri yine yine bu etiket içinde tanımlanır.

HTML - Document Rooelement - Tarayıcının kullanıcıya eriştiği dosyanın bir HTML belgesi olduğunu belirtir.

H1-H2...H6; Heading - <H1>-<H2>...<H6> etiketleri sayfadaki başlıkları farklı önem sıralarına göre belirtir. <h1> en önemli başlıktır. <h6> doğru gidilirken başlıkların önem düzeyi düşer. Tarayıcılar varsayılan olarak önem derecesi daha yüksek olan başlıkları diğerlerine oranla daha büyük gösterirler. Başlıkların görünümleri CSS dosyalarıyla ayrı ayrı özelleştirilebilir.
Şu Şekilde Kullanılabilir.
<H1>En Önemli Başlık</H1>
...
<H2>DAha Az Önemli Başlık</h2>
...
<H6>En az Önemli Başlık</h6>

FrameSet Frame Font Form Fieldset

2009-04-24T14:15:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

Fieldset; Form Control Group - İçeriği objelerin etrafına bir kutu çizer. Bir sayfadaki içeriğin bir kısmı bu etiketlerle görsel olarak gruplanabilir.

Font; Local Change to Font - HTML belgelerinde geçen metinlerin yazı tipi özelliklerini tanımlamakta kullanılır.

FORM; interactive Form - Kullanıcıların giriş yapabileceği formlar yaratmak için kullanılır.

Frame; Subwindow - Html sayfaların içinde, istenen yerde bulunan ve gerektiğinde başka bir HTML belgesini görüntüleyen bir alt pencere oluşturmak için kullanılır.

FrameSet; Window Subdivision - Bir HTML belgesinde kullanılacak alt pencerelerin (Frame'lerin) organize edilmesini ve niteliklerinin tanımlanmasını sağlar.

EM Emphasis

2009-04-24T14:14:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

EM; Emphasis - Metinde istenen kısmın yatık görünmesini sağlar.

DT DL Div DIR Del DFN DD

2009-04-24T14:13:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

DD; Definition Descrition - Yazılan ifadenin "bir terimin tanımı" olduğunu belirtmeye yarayan etikettir.

DFN; instance definition : yazılarda geçentanımları diğer metinlerden farklı göstermek için kullanılır.

Del; Deleted Text - Bir yazıdaki düzeltmeleri göstermek üzere, metinden silinmiş kısımlar bu etiketle üstü çizili hale getirilir.

DIR; Directory List - Bir dizinin içeriğini madde imleriyle göstermeye yarar. Kullanım şekli <UL> etiketi ile aynıdır.

Div; Generic Language / Style Container - Bir belgenin belirli bir kısmını tanımlamak için kullanılır. Tabloların olmadığı tasarımlarda içerik DIV' ler kullanılarak biçimlendirilir.

DL; Definition List - HTML sayfalarda kolayca tanım listesi oluşturmak için kullanılır. Kullanım şekli <UL> etiketi ile benzerlik taşır.

DT; Definition Term - Tanım listesindeki terimlerden her birinin başlanğıcını belirtir.

<!DOCTYPE…> ; Bir dokümanın ilk satırı olarak görülür ve kullanılan HTML versiyonunu belirtir.

Colgroup Col Code Cite Center Caption

2009-04-24T14:12:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

Caption; table caption : bir tablonun başlığını tanımlamak için kullanılır ve html sayfalarda her bir tablo için sadece bade başlık tanımlanabilir.

Center; shorthand for DIV align = center : sayfadaki objelerin kullanılan alanın tam ortasına hizalanmasını sağlar bir anlamda div align = center ifadesinin kısa yoludur.

Cite; citation : makalelerde anılan isimlerin metinden ayrılması için kullanılır.

Code; computer code fragment :maalelerde geçen bilgisayar kodlarının diğer metinlerden ayrılmasını sağlamak üzere “sabit genişlikli” bir yazı tipiyle görüntülenmesini sağlar.

Col; table column : tablolardaki kolonların özelliklerinin tanımlanması için kullanılır.

Colgroup ; table column group : tablolarda kolon gruplarının tanımmlanmasını sağlar.

Button BR Bold Body Base Basefont Blockquote

2009-04-24T14:10:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

B ; bold text style : metin içerisindeki bir bölümün kalın karakterleriyle yazılmasını sağlar.

Base; document base URI : head etiketleri arasında kullanılır ve bulunduğu sayfadaki adreslerin “varsayılan başlangıcını” tanımlar.

Basefont; base font size : bulunduğu sayfada kullanılacak varsayılan yazı tipini tanımlar.

Blockquote; long quotation : başka bir yerden yapılan uzun bir alıntıyı belirtmek üzere kullanılır.

Body; document body : bir html sayfada ziyaretçi tarayıcı tarafından görüntülenecek metin ve resimler gibi içeriğin tümünün başlangıç ve bitiş yerlerini tanımlar.

BR; forced line break : metin, resim ve animasyon gibi objeler sayfada görüntülenirken bir alt satıra geçilerek devamilmesini sağlar.

Button; push button : sayfada kullanıcılar tarafından basılabilecek bir düğmenin oluşturulmasını sağlar.

<BIG>…</BIG> ; Normal yazı tipine göre daha büyük gösterilmesi gereken metni içerir. Hâlâ kullanılmaktadır, ancak HTML 4.0 tanımında daha iyi bir alternatif olarak “Style Sheet” kullanımı önerilmektedi

Sözlüğü Terimleri

2009-04-24T14:09:00.000-07:00

a - b - c - d - e - f - h - i - k - l - m - n - o - p - q - s - t - u - v

HTML Terimleri - Sözlüğü

anchor ; sayfada bulunan metin, resim gibi objelerin bağlantıya dönüştürülmesi için kullanılır.

Abbr ; abbrevaited form ; www, http vs, etc, vb gibi kısaltmalar için kullanılır. Bu şekilde etiketlenen kelimenin üzerine geliniğinde, kodda tanımlanan uzun hali balon içinde görünecektir.

Acronym ; tdk, www, ptt gibi kısaltmalar için kullanılır. Üstteki tanıma eşdeğerdi.

Address; information on author ; içerik sahibinin iletişim bilgilerini vermek için kullanılır. Örneğin yayınlanan bir makalenin yazarı bu etiketin içerisinde verilebilir.

Applet ;java applet ; bir html sayfaya java uygulaması eklemek için kullanılır.

Area; client side image map area ; sayfada bulunan bir resimin üzerinde belirli bir alanın tanımlanması için kullanılır.

Çerçeve Kullanımı - HTML Frame

2008-02-18T18:09:00.000-08:00

Çerçeve Kullanımı - HTML Frame

Frame; çerçeve anlamına gelir. Amacı bir web sayfasını belli parçalara bölmek ve bu parçaların içerisinde değişik, web sayfalarını görüntüleyebilmek içindir.

Çerçeve yapmak için <frameset> </frameset> tagı kullanır. <frameset> tagı <head></head> ve <body></body> tagları arasında kullanılmaktadır.

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [FRAMESET Parametreleri] [Frameset Örnekleri] [Çerçeveler (Frames) Arasında Link] [Iframe]

Kayan Yazılar Marque Yazı

2008-02-18T18:00:00.000-08:00

Marquee Kayan Yazı

Kayan yazı görüntüsü elde edebilmek için kullanılacak olan belirteç çifti <marquee> ... </marquee> ‘dir.

<marquee> Parametreleri

BEHAVIOR=tip: Metnin ekranda nasıl hareket edeceğini belirten bu ek SCROLL, SLIDE, ALTERNATE değerlerinden birini alabilir. Ek kullanılmadığında SCROLL değeri varsayılan olarak kabul edilir ve yazı, sınırın bir köşesinden belirerek diğer köşeden kayarak kaybolur. SLIDE eki ise yazının bir köşeden başlayarak diğer köşede donmasını sağlar. Metnin iki köşe arasında gidip gelmesi ise ALTERNATE ekiyle gerçekleştirilebilir.

<marguee direction=right>Up, Down, Left, or Righ : Sağdan, yukarıdan ve aşağıdan başlayarak kayması sağlanır

<marquee behavior=alternate> : Yazılar kaydırılırken ekrandan kaybolmadan bir uçtan diğerine gider

HSPACE=n: Kayan yazının sınırlara ne oranda yaklaşacağını belirler. Bu ek özellikle arka plana bir renk verildiğinde daha da belirginleşir.

<marquee bgcolor=ff00ff> : Kayan yazıların arka plan rengini belirler.
<marquee height=10 width=250> : Yazının kayacağı alanın yüksekliği ve genişliği ayarlanabilir.

<marquee loop=3> : Yazının kaç kez kayacağı belirlenir. Daha sonra da yazı durur.

<marquee scrolldelay=1> : Kaydırma hızını ayarlar. yazının her bir hareketi arasında kaç milisaniye bekleyeceğini belirlerN değerine ' -1' veya ' INFINITE' verildiğinde hareket sınırsız olarak tekrarlanır. Tip olarak ' SLIDE' kullanıldığında bu işlem tek bir kez gerçekleşeceğinden LOOP ekini kullanmaya gerek yoktur.

<MARQUEE SCROLLAMOUNT=#> Kayan yazı </MARQUEE> …..# burada kayma hızını belirten bir sayıdır. Kayan yazının bir defada kaç piksel hareket edeceğini,

Etiketler »» [Kontrol Durdurma] [Örnek Kayan Yazı Kodları] [Kayan Slide Resim]

HTML Sayfasına Bağ (link) Yerleştirmek

2008-02-18T17:56:00.001-08:00

HTML Sayfasına Bağ (link) Yerleştirmek

<a> ve </a> : bu komutla bağlantı (link) yapılır.

Bir web sayfasına link vermek.

Örnek Kod

<a href="www.html-dersi.blogspot.com"> html dersleri </a>

Biçiminde kullanılır.

Html Dersi [Linke Tıklarsanız Ana Sayfata Dönersiniz]

Belki Bunlar ilğinizi Çekebilir

Etiketler »» [Bir Resme Link vermek] [Image Map] [Parametreler] [Mail To] [Klavye] [Dökümana Köprü] [Çapa]

Listeler List Liste Yapmak Hazırlamak Örnek

2008-02-18T17:53:00.001-08:00

Html Listeler

HTML bize üç tip liste hazırlama imkanı veriyor. Bunlar;

1. Sıralı listeler (ordered list)
2. Sırasız listeler (unordered list)
3. Tanımlama listeleri (definition list)
4 . İçiçe Listeler

Türkçe Sayfa Yapma Dili Türkçeleştirme

2008-02-18T17:48:00.000-08:00

Html Sayfanın Türkçe' leştirilmesi

1-) text/html yazmakla metnin düz yazı ve html belgesi olduğunu ve sayfamızın türkçe olduğunu belirtmek için ise Netscape Navigator için "ISO-8859-9" değerini giriyoruz.

2-) Sayfamızın türkçe olduğunu belirtmek için Microsoft Internet Explorer' da "windows-1254" değerini kullanıyoruz.

Form Elemanı Formlar elemanları Kullanmak

2008-02-18T17:46:00.000-08:00

Html Form Elemanlarının Kullanımı

Formlar ziyaretcilerin veri girişi yapmalarına imkan sağlamak amacıyla kullanılır. Form elemlarını işlevsel kullanmak için en az bir tane web programlama dili bilmemiz gerekir örnegin; asp, aspx, php gibi

ACTION=url
METHOD=get-post
TARGET=Hedef Pençere
Name= Değişken

"Method", kullanıcının girdiği bilgileri ne şekilde alacağımızı belirler. İki seçeneği vardır, “Get” ve “Post”.

POST

1-)Yavaş
2-) Güvenli
3-) http header’ı kullanır.
4-) Sınırsız bilgi gönderir

GET

1-) Hızlı
2-) Güvensiz
3-) Browser’in adres satırını kullanır.
4-) Max 2048 karekter gönderebilir

action=verigonder.asp" alınan girdileri işleyecek programın url adresi yazılır. Eğer bir ACTION parametresi girilmez ise hedef adres belgenin kendisi olur.

Dikkat edilirse verigonder.asp sayfası uzantısından da anlışılacagı gibi htm sayfa degil asp ile hazırlanmış bir sayfadır, bizim htm sayfada hazırladıgımız forma girilen bilgileri alıp işleyecek şekilde yazılmış olacaktır.

Name : forma ve form elemanlarına bir ad verir. (Değişken ismi)

TARGET=window , Açılacak pencerenin özelliğini belirtir

Labels »» [Form Elemanlari CHECKBOX-HIDDEN-PASSWORD-RADIO-RESET-SUBMIT-TEXT-FILE] [Form Attributes Öznitelikler ] [Textarea Metin Alanı] [Select Menu]

Sayfa Efekt Verme Efektler Efekti

2008-02-18T15:13:00.002-08:00

EFEKLİ SAYFA GİRİŞ ÇIKIŞLARI

tek bir satır kodu kullanarak sayfanıza giriş ve çıkışlarda efeklerr oluşturacaksınız.

<HEAD></HEAD> komutları arasına yerleştirilen <META> komutu içine yerleştirdiğiniz yeni bir ifade geçiş yapmaya olanak tanıyor.

Aşağıdaki satırları HTML sayfanızın ilgili yerlerine girdikten sonra başka bir URL'ye atlayın ve geri dönün, sonuç sizi oldukça şaşırtacaktır. İfadeyi nasıl özelleştireceğinizi aşağıda bulacaksınız.

1. Siteye Girişte
<META HTTP-EQUIV="Site-Enter" content="revealTrans(Duration=1.0,Transition=23)">

2. Site Ayrılırken
<META HTTP-EQUIV="Site-Exit" content="revealTrans(Duration=1.0,Transition=23)">

3. Sayfa Açılışlarında
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">

dediğiniz HTTP-EQUIV ifadesinin açılımı şöyle "Hypertext Transfer Protocol Equivilant". Basit olarak bu ifade HTTP protokolünü kullanan HTML sayfasının nasıl görüntüleneceğinini tanımını yapar. "Site-Enter" kelimesi sayfanıza girildiğinde neler olacağını, "revealTrans" ifadesi ise daha önceki sayfanın belirlenen methodla "kaybedileceğini" söylüyor.

META tag'ı içerisinde kullanılan Duration=1.0 ifadesi geçişi gerçekleştirilen her bir bloğun 1saniye içerisinde işleneceğini, Transition=23 ifadesi ise diğer 22 geçişten bir tanesinin rasgele olarak seçileceğini belirtiyor.

Geçiş Numaraları:

Örneğimizdeki 23 numarasını kullandığınızda ise aşağıdaki numaralardan rasgele bir tanesi seçilecektir.

# Geçiş
1 İçten dışa geçiş
2 Dıştan içe geçiş
3 Ortadan dışa doğru geçiş
4 Alttan üste geçiş
5 Üstten alta geçiş
6 Soldan sağa geçiş
7 Sağdan sola geçiş
8 Soldan sağa dikey çözülme
9 Üstten aşağı yatay çözülme
10 8 ve 9'un birleşimi
11 8'e oldukça benziyor
12 Piksel piksel çözülme
13 Dıştan içe dönerek geçiş
14 İçten dışa dönerek geçiş
15 Üstten ve alttan geçiş
16 Ortadan üste ve alta kapanma
17 Sağdan sola çapraz geçiş
18 Diğer açıdan sağdan sola çapraz geçiş
19 17'nin aynısı, aksi yönüne
20 18'in aynısı, aksi yönüne
21 Rasgele yatay çizgiler
22 Rasgele dikey çizgiler

meta taglar imler Tag Hazırlama

2008-02-18T15:13:00.001-08:00

Html Meta İmleri

HTML sayfasının kimliğini META imleri oluşturur. Meta imlerini kullanarak,sayfanızın içeriğini, yayıncısını, sayfanızı içeriğini özetleyen anahtar kelimeleri belirleyebilirsiniz. Kısacası META imleri sayfanın özeti ve kimliğidir diyebiliriz.

Bu Meta Tagları aslı olarak arama motorları için hazırlanmaktadır.Arama motorları robot programlar kullanarak sayfanızın içeriğini keşfe çıkarlar. İşte bu keşif META"lar sayesinde olur. Sitenizin içeriğini, META imlerine bakarak çözerler. Sitenizin tanıtımı açısından, META kullanımı çok önemlidir.

Meta Taglar

Örnek Meta Taglar

Meta Tagların Kullanımı

Standart Takılar

media müzik radyo Mp3 eklemek

2008-02-18T15:05:00.001-08:00

MÜZİK EKLEMEK

Ses Eklemek - Muzik Çalmak

Tarayıcıların destekledikleri media türleri şunlardır.

• .wav
• .wma
• .au
• .mp3
• .mpg
• .mpeg
• .mid
• .avi

Bu media türlerini çalmak için aşağıdaki kodu kullanabilirsiniz.

Loop sayfamıza eklediğimiz ses veya görüntünün kaç defa çalacağını belirtmek için.

loop="true" ; Sürekli çalması için
loop =5 , beş kez çalınması sağlar.

Loop komutu kullanılmazsa bir kez çalınır.

autostart ile sayfa açılır açılmaz çalmaya başlamasını istiyoruz.

hidden="true" ile kontrol konsolunu saklıyabiliriz.

hidden="true" bu komut yazılmasa ekrana gelen iletişim konsolu küçüktür. İstenilirse width="x" height="y" ile konsolun boyutlarını belirleyebiliriz.

Volume - Media player ses ayarlarını kurar. Verilebilecek oran 0-100. (Varsayılan değer 50)

özel karakterler Karakter Gösterimi

2008-02-18T14:54:00.000-08:00

Özel Karakterler

Bazı karakterleri göstermek için farklı bir format kullanılır. Bu tür farklı karakterleri göstermek için girilmesi gereken Decimal kodlar bunlardır.

Karekter	Decimal Kod




!	!
"	"
#	#
$	$
%	%
&	&
'	'
(	(
)	)
*	*
+	+
,	,
-	-
.	.
/	/
0	0
1	1
2	2
3	3
4	4
5	5
6	6
7	7
8	8
9	9
:	:
;	;
<	<
=	=
>	>
?	?
@	@
A	A
B	B
C	C
D	D
E	E
F	F
G	G
H	H
I	I
J	J
K	K
L	L
M	M
N	N
O	O
P	P
Q	Q
R	R
S	S
T	T
U	U
V	V
W	W
X	X
Y	Y
Z	Z
[	[
\	\
]	]
^	^
_	_
`	`
a	a
b	b
c	c
d	d
e	e
f	f
g	g
h	h
i	i
j	j
k	k
l	l
m	m
n	n
o	o
p	p
q	q
r	r
s	s
t	t
u	u
v	v
w	w
x	x
y	y
z	z
{	{
\|	\|
}	}
~	~

¡	¡
¢	¢
£	£
¤	¤
¥	¥
¦	¦
§	§
¨	¨
©	©
ª	ª
«	«
¬	¬

®	®
¯	¯
°	°
±	±
²	²
³	³
´	´
µ	µ
¶	¶
·	·
¸	¸
¹	¹
º	º
»	»
¼	¼
½	½
¾	¾
¿	¿
À	À
Á	Á
Â	Â
Ã	Ã
Ä	Ä
Å	Å
Æ	Æ
Ç	Ç
È	È
É	É
Ê	Ê
Ë	Ë
Ì	Ì
Í	Í
Î	Î
Ï	Ï
Ğ	Ð
Ñ	Ñ
Ò	Ò
Ó	Ó
Ô	Ô
Õ	Õ
Ö	Ö
×	×
Ø	Ø
Ù	Ù
Ú	Ú
Û	Û
Ü	Ü
İ	Ý
Ş	Þ
ß	ß
à	à
á	á
â	â
ã	ã
ä	ä
å	å
æ	æ
ç	ç
è	è
é	é
ê	ê
ë	ë
ì	ì
í	í
î	î
ï	ï
ğ	ð
ñ	ñ
ò	ò
ó	ó
ô	ô
õ	õ
ö	ö
÷	÷
ø	ø
ù	ù
ú	ú
û	û
ü	ü
ı	ý
ş	þ
ÿ	ÿ

Renkler Renk Kodları Color Code

2008-02-18T14:50:00.000-08:00

Renkler

Html Renk Kodları

Renk kodlarını HTML dilinde kullanmak ve Web tarayıcısına yollamak için o rengin İngilizce adı ya da RGB değerleri onaltılık (Hexadecimal) sistemde verilir. RGB deki sıraya göre 00-FF arası üç değer kullanılır. Hepsi sıfır ise hiçbir renkten karıştırılmaz. Hepsi FF ise her renk maksimum oranda kullanılır ve beyaz elde edilir.

RGB (Red, Green, Blue) (Kırmızı, Yeşil, Mavi)

256*256*256 = 16.400.000 RenkTanımı yapılabilir.

HTML' de kullanılan bazı renk kodlarını verelim.

`#000000`	`#000020`	`#000040`	`#000060`	`#000080`	`#0000a0`	`#0000c0`	`#0000ff`
`#002000`	`#002020`	`#002040`	`#002060`	`#002080`	`#0020a0`	`#0020c0`	`#0020ff`
`#004000`	`#004020`	`#004040`	`#004060`	`#004080`	`#0040a0`	`#0040c0`	`#0040ff`
`#006000`	`#006020`	`#006040`	`#006060`	`#006080`	`#0060a0`	`#0060c0`	`#0060ff`
`#008000`	`#008020`	`#008040`	`#008060`	`#008080`	`#0080a0`	`#0080c0`	`#0080ff`
`#00a000`	`#00a020`	`#00a040`	`#00a060`	`#00a080`	`#00a0a0`	`#00a0c0`	`#00a0ff`
`#00c000`	`#00c020`	`#00c040`	`#00c060`	`#00c080`	`#00c0a0`	`#00c0c0`	`#00c0ff`
`#00ff00`	`#00ff20`	`#00ff40`	`#00ff60`	`#00ff80`	`#00ffa0`	`#00ffc0`	`#00ffff`

`#200000`	`#200020`	`#200040`	`#200060`	`#200080`	`#2000a0`	`#2000c0`	`#2000ff`
`#202000`	`#202020`	`#202040`	`#202060`	`#202080`	`#2020a0`	`#2020c0`	`#2020ff`
`#204000`	`#204020`	`#204040`	`#204060`	`#204080`	`#2040a0`	`#2040c0`	`#2040ff`
`#206000`	`#206020`	`#206040`	`#206060`	`#206080`	`#2060a0`	`#2060c0`	`#2060ff`
`#208000`	`#208020`	`#208040`	`#208060`	`#208080`	`#2080a0`	`#2080c0`	`#2080ff`
`#20a000`	`#20a020`	`#20a040`	`#20a060`	`#20a080`	`#20a0a0`	`#20a0c0`	`#20a0ff`
`#20c000`	`#20c020`	`#20c040`	`#20c060`	`#20c080`	`#20c0a0`	`#20c0c0`	`#20c0ff`
`#20ff00`	`#20ff20`	`#20ff40`	`#20ff60`	`#20ff80`	`#20ffa0`	`#20ffc0`	`#20ffff`

`#400000`	`#400020`	`#400040`	`#400060`	`#400080`	`#4000a0`	`#4000c0`	`#4000ff`
`#402000`	`#402020`	`#402040`	`#402060`	`#402080`	`#4020a0`	`#4020c0`	`#4020ff`
`#404000`	`#404020`	`#404040`	`#404060`	`#404080`	`#4040a0`	`#4040c0`	`#4040ff`
`#406000`	`#406020`	`#406040`	`#406060`	`#406080`	`#4060a0`	`#4060c0`	`#4060ff`
`#408000`	`#408020`	`#408040`	`#408060`	`#408080`	`#4080a0`	`#4080c0`	`#4080ff`
`#40a000`	`#40a020`	`#40a040`	`#40a060`	`#40a080`	`#40a0a0`	`#40a0c0`	`#40a0ff`
`#40c000`	`#40c020`	`#40c040`	`#40c060`	`#40c080`	`#40c0a0`	`#40c0c0`	`#40c0ff`
`#40ff00`	`#40ff20`	`#40ff40`	`#40ff60`	`#40ff80`	`#40ffa0`	`#40ffc0`	`#40ffff`

`#600000`	`#600020`	`#600040`	`#600060`	`#600080`	`#6000a0`	`#6000c0`	`#6000ff`
`#602000`	`#602020`	`#602040`	`#602060`	`#602080`	`#6020a0`	`#6020c0`	`#6020ff`
`#604000`	`#604020`	`#604040`	`#604060`	`#604080`	`#6040a0`	`#6040c0`	`#6040ff`
`#606000`	`#606020`	`#606040`	`#606060`	`#606080`	`#6060a0`	`#6060c0`	`#6060ff`
`#608000`	`#608020`	`#608040`	`#608060`	`#608080`	`#6080a0`	`#6080c0`	`#6080ff`
`#60a000`	`#60a020`	`#60a040`	`#60a060`	`#60a080`	`#60a0a0`	`#60a0c0`	`#60a0ff`
`#60c000`	`#60c020`	`#60c040`	`#60c060`	`#60c080`	`#60c0a0`	`#60c0c0`	`#60c0ff`
`#60ff00`	`#60ff20`	`#60ff40`	`#60ff60`	`#60ff80`	`#60ffa0`	`#60ffc0`	`#60ffff`

`#800000`	`#800020`	`#800040`	`#800060`	`#800080`	`#8000a0`	`#8000c0`	`#8000ff`
`#802000`	`#802020`	`#802040`	`#802060`	`#802080`	`#8020a0`	`#8020c0`	`#8020ff`
`#804000`	`#804020`	`#804040`	`#804060`	`#804080`	`#8040a0`	`#8040c0`	`#8040ff`
`#806000`	`#806020`	`#806040`	`#806060`	`#806080`	`#8060a0`	`#8060c0`	`#8060ff`
`#808000`	`#808020`	`#808040`	`#808060`	`#808080`	`#8080a0`	`#8080c0`	`#8080ff`
`#80a000`	`#80a020`	`#80a040`	`#80a060`	`#80a080`	`#80a0a0`	`#80a0c0`	`#80a0ff`
`#80c000`	`#80c020`	`#80c040`	`#80c060`	`#80c080`	`#80c0a0`	`#80c0c0`	`#80c0ff`
`#80ff00`	`#80ff20`	`#80ff40`	`#80ff60`	`#80ff80`	`#80ffa0`	`#80ffc0`	`#80ffff`

`#a00000`	`#a00020`	`#a00040`	`#a00060`	`#a00080`	`#a000a0`	`#a000c0`	`#a000ff`
`#a02000`	`#a02020`	`#a02040`	`#a02060`	`#a02080`	`#a020a0`	`#a020c0`	`#a020ff`
`#a04000`	`#a04020`	`#a04040`	`#a04060`	`#a04080`	`#a040a0`	`#a040c0`	`#a040ff`
`#a06000`	`#a06020`	`#a06040`	`#a06060`	`#a06080`	`#a060a0`	`#a060c0`	`#a060ff`
`#a08000`	`#a08020`	`#a08040`	`#a08060`	`#a08080`	`#a080a0`	`#a080c0`	`#a080ff`
`#a0a000`	`#a0a020`	`#a0a040`	`#a0a060`	`#a0a080`	`#a0a0a0`	`#a0a0c0`	`#a0a0ff`
`#a0c000`	`#a0c020`	`#a0c040`	`#a0c060`	`#a0c080`	`#a0c0a0`	`#a0c0c0`	`#a0c0ff`
`#a0ff00`	`#a0ff20`	`#a0ff40`	`#a0ff60`	`#a0ff80`	`#a0ffa0`	`#a0ffc0`	`#a0ffff`

`#c00000`	`#c00020`	`#c00040`	`#c00060`	`#c00080`	`#c000a0`	`#c000c0`	`#c000ff`
`#c02000`	`#c02020`	`#c02040`	`#c02060`	`#c02080`	`#c020a0`	`#c020c0`	`#c020ff`
`#c04000`	`#c04020`	`#c04040`	`#c04060`	`#c04080`	`#c040a0`	`#c040c0`	`#c040ff`
`#c06000`	`#c06020`	`#c06040`	`#c06060`	`#c06080`	`#c060a0`	`#c060c0`	`#c060ff`
`#c08000`	`#c08020`	`#c08040`	`#c08060`	`#c08080`	`#c080a0`	`#c080c0`	`#c080ff`
`#c0a000`	`#c0a020`	`#c0a040`	`#c0a060`	`#c0a080`	`#c0a0a0`	`#c0a0c0`	`#c0a0ff`
`#c0c000`	`#c0c020`	`#c0c040`	`#c0c060`	`#c0c080`	`#c0c0a0`	`#c0c0c0`	`#c0c0ff`
`#c0ff00`	`#c0ff20`	`#c0ff40`	`#c0ff60`	`#c0ff80`	`#c0ffa0`	`#c0ffc0`	`#c0ffff`

`#ff0000`	`#ff0020`	`#ff0040`	`#ff0060`	`#ff0080`	`#ff00a0`	`#ff00c0`	`#ff00ff`
`#ff2000`	`#ff2020`	`#ff2040`	`#ff2060`	`#ff2080`	`#ff20a0`	`#ff20c0`	`#ff20ff`
`#ff4000`	`#ff4020`	`#ff4040`	`#ff4060`	`#ff4080`	`#ff40a0`	`#ff40c0`	`#ff40ff`
`#ff6000`	`#ff6020`	`#ff6040`	`#ff6060`	`#ff6080`	`#ff60a0`	`#ff60c0`	`#ff60ff`
`#ff8000`	`#ff8020`	`#ff8040`	`#ff8060`	`#ff8080`	`#ff80a0`	`#ff80c0`	`#ff80ff`
`#ffa000`	`#ffa020`	`#ffa040`	`#ffa060`	`#ffa080`	`#ffa0a0`	`#ffa0c0`	`#ffa0ff`
`#ffc000`	`#ffc020`	`#ffc040`	`#ffc060`	`#ffc080`	`#ffc0a0`	`#ffc0c0`	`#ffc0ff`
`#ffff00`	`#ffff20`	`#ffff40`	`#ffff60`	`#ffff80`	`#ffffa0`	`#ffffc0`	`#ffffff`

Renk Adı	Renk Kodu	Renk
`AliceBlue`	`#F0F8FF`
AntiqueWhite	`#FAEBD7`
Aqua	`#00FFFF`
Aquamarine	`#7FFFD4`
Azure	`#F0FFFF`
Beige	`#F5F5DC`
Bisque	`#FFE4C4`
Black	`#000000`
BlanchedAlmond	`#FFEBCD`
Blue	`#0000FF`
BlueViolet	`#8A2BE2`
Brown	`#A52A2A`
BurlyWood	`#DEB887`
CadetBlue	`#5F9EA0`
Chartreuse	`#7FFF00`
Chocolate	`#D2691E`
Coral	`#FF7F50`
CornflowerBlue	`#6495ED`
Cornsilk	`#FFF8DC`
Crimson	`#DC143C`
Cyan	`#00FFFF`
DarkBlue	`#00008B`
DarkCyan	`#008B8B`
DarkGoldenRod	`#B8860B`
DarkGray	`#A9A9A9`
DarkGreen	`#006400`
DarkKhaki	`#BDB76B`
DarkMagenta	`#8B008B`
DarkOliveGreen	`#556B2F`
Darkorange	`#FF8C00`
DarkOrchid	`#9932CC`
DarkRed	`#8B0000`
DarkSalmon	`#E9967A`
DarkSeaGreen	`#8FBC8F`
DarkSlateBlue	`#483D8B`
DarkSlateGray	`#2F4F4F`
DarkTurquoise	`#00CED1`
DarkViolet	`#9400D3`
DeepPink	`#FF1493`
DeepSkyBlue	`#00BFFF`
DimGray	`#696969`
DodgerBlue	`#1E90FF`
Feldspar	`#D19275`
FireBrick	`#B22222`
FloralWhite	`#FFFAF0`
ForestGreen	`#228B22`
Fuchsia	`#FF00FF`
Gainsboro	`#DCDCDC`
GhostWhite	`#F8F8FF`
Gold	`#FFD700`
GoldenRod	`#DAA520`
Gray	`#808080`
Green	`#008000`
GreenYellow	`#ADFF2F`
HoneyDew	`#F0FFF0`
HotPink	`#FF69B4`
IndianRed	`#CD5C5C`
Indigo	`#4B0082`
Ivory	`#FFFFF0`
Khaki	`#F0E68C`
Lavender	`#E6E6FA`
LavenderBlush	`#FFF0F5`
LawnGreen	`#7CFC00`
LemonChiffon	`#FFFACD`
LightBlue	`#ADD8E6`
LightCoral	`#F08080`
LightCyan	`#E0FFFF`
LightGoldenRodYellow	`#FAFAD2`
LightGrey	`#D3D3D3`
LightGreen	`#90EE90`
LightPink	`#FFB6C1`
LightSalmon	`#FFA07A`
LightSeaGreen	`#20B2AA`
LightSkyBlue	`#87CEFA`
LightSlateBlue	`#8470FF`
LightSlateGray	`#778899`
LightSteelBlue	`#B0C4DE`
LightYellow	`#FFFFE0`
Lime	`#00FF00`
LimeGreen	`#32CD32`
Linen	`#FAF0E6`
Magenta	`#FF00FF`
Maroon	`#800000`
MediumAquaMarine	`#66CDAA`
MediumBlue	`#0000CD`
MediumOrchid	`#BA55D3`
MediumPurple	`#9370D8`
MediumSeaGreen	`#3CB371`
MediumSlateBlue	`#7B68EE`
MediumSpringGreen	`#00FA9A`
MediumTurquoise	`#48D1CC`
MediumVioletRed	`#C71585`
MidnightBlue	`#191970`
MintCream	`#F5FFFA`
MistyRose	`#FFE4E1`
Moccasin	`#FFE4B5`
NavajoWhite	`#FFDEAD`
Navy	`#000080`
OldLace	`#FDF5E6`
Olive	`#808000`
OliveDrab	`#6B8E23`
Orange	`#FFA500`
OrangeRed	`#FF4500`
Orchid	`#DA70D6`
PaleGoldenRod	`#EEE8AA`
PaleGreen	`#98FB98`
PaleTurquoise	`#AFEEEE`
PaleVioletRed	`#D87093`
PapayaWhip	`#FFEFD5`
PeachPuff	`#FFDAB9`
Peru	`#CD853F`
Pink	`#FFC0CB`
Plum	`#DDA0DD`
PowderBlue	`#B0E0E6`
Purple	`#800080`
Red	`#FF0000`
RosyBrown	`#BC8F8F`
RoyalBlue	`#4169E1`
SaddleBrown	`#8B4513`
Salmon	`#FA8072`
SandyBrown	`#F4A460`
SeaGreen	`#2E8B57`
SeaShell	`#FFF5EE`
Sienna	`#A0522D`
Silver	`#C0C0C0`
SkyBlue	`#87CEEB`
SlateBlue	`#6A5ACD`
SlateGray	`#708090`
Snow	`#FFFAFA`
SpringGreen	`#00FF7F`
SteelBlue	`#4682B4`
Tan	`#D2B48C`
Teal	`#008080`
Thistle	`#D8BFD8`
Tomato	`#FF6347`
Turquoise	`#40E0D0`
Violet	`#EE82EE`
VioletRed	`#D02090`
Wheat	`#F5DEB3`
White	`#FFFFFF`
WhiteSmoke	`#F5F5F5`
Yellow	`#FFFF00`
YellowGreen	`#9ACD32`

image Resim Ekleme Yerleştirme

2008-02-18T14:49:00.001-08:00

Resim Ekleme

*.jpg, *.png, *.gif * bmp ---- İnternetteki Resim formatı olarak kullanılır.
*.tiff, *.eps, *.psd, *.cdr ---- Resim formatları internette kullanılmaz.

JPG; Kalite önemli ise jpg formatı kullanılır. Hareksiz resimler ve sayfanızın arka plan rengi ile uyumlu yapmanız gerekebilir.

GIF; Hareketli resimlerdir, sayfanızın arka plan rengi için transparan özelliği gösterir.

Örnek Kullanım

<img src="*.gif" alt="..." align=”...” border=”0”>
<img src=*.jpg>’nin Parametreleri

src="resimlerim/dosya-adi.gif" resmin adı dosya-adi.gif ve resimlerim klasöründe yer almaktadır.

Align ile de resmin konumunu belirleriz.

Resmin tarayıcıda bulan metne göre yerini belirlemek için

Resmin üstünü, metnin üst kısmı ile aynı hizaya getirmek için; align="top"

Resmin tabanını, metnin tabanı ile aynı hizaya getirmek için; align="bottom"

Metni resmin tam ortasına getirmek için; align="middle"

Resmin metne olan uzaklığını ise vspace ve hspace ile ayarlıyoruz.

vspace = Resmin, metne dikey uzaklığı.
hspace = Resmin, metne yatay uzaklığı.

Ayrıca resmi, metnin taban çizgisine hizalamak için align="baseline", metnin üst çizgisine hizalamak için align="texttop", metnin tam ortasına hizalamak için align="absmiddle" ve son olarak ta metnin alt çizgisine hizalamak için ise align="absbottom" elemanını kullanılırız.

Resmi Hizalamak

Resmi Sağa Hizalamak: align="right"

Resmi Sola Hizalamak: align="left"

Resmi Ortalamak: align="center"

Resmin Etrafındaki Metni Düzenleme

Resmi yerleştirdikten sonra hemen sonra metin yazarsanız metin resmin yanına gelecektir. Metin bir alt satıra kaydığında ise resmi atlayacaktır. Bir örnekle açıklayayım resminizin 5 cm büyüklüğünde olduğunu düşünün ve yanına bir metin yazın ve bu metin uzun bir metin olsun. Resimden sonra bir satır metin yazılacak ve alt satıra geçildiğinde 5 cm lik alan boş kalacaktır. İşte bunu önlemek için <img> tagının align elemanı kullanılır. Align elemanının kullanımını zaten biliyoruz, bu elemanın metin düzenlemede kullandığı iki değer vardır. Bunlar left ve right' dır.

border=resmin çerçevesini belirleriz ( 0 - 1 -2 -3 - …) sıfır degerini veya border komutu kullanmazsak çerceve içine alınmaz resim.Bu Çerceveye renk vermek için bordercolor=”red” kullanıyoruz.

Width ve height ile resmin boyutlarını belirleyebiliriz. Bu paremetreler kullanılmazsa orjinal boyutlarında gösterim yapılır.

Alt : ziyarecilere resim yüklenmesse resmin yerine açıklayıcı yazı çıkartır. ( Ayrıca mouse resim üzerine getirildiginde de aynı yazı çıkar.)

Not: Web Sayfanıza resim ekleyecekseniz resimleriniz boyutlarını göz önüne almanızda fayda var çünkü resim agırlık sayfaların internet te açılma süreleri geç olduğundan ziyaretcilerinizin için sıkıcı bir durum yaratacaktır.

Not: Sayfanın hızlı yükleniyor gibi sağlamanın bir yolu 'lowsrc' belirtecini <img .....> içinde kullanmak. Web tasarımı yaparken eğer kullandığımız resimlerin bir de bulanık/niteliksiz/siyah-beyaz ama az yer tutan bir benzerini daha yapar, ve bunu <img src="resim.gif" lowsrc="hizliresim.gif"> şeklinde tanımlarsak, ilk önce hizliresim.gif yüklenip gösterilecektir, Bu sayede bulanık iken yavaş yavaş netleşmeye başlayan resimler belirir sayfamızda.

Web Sayfa Sayfası Yapmak Hazırlama

2008-02-18T14:41:00.000-08:00

Html Web Sayfa Yapma Hazırlama

Ön Bilgi

1. <html>....</html> Tüm Çalışma bu iki etiket arasına yazılır. Html sayfa <html> ile başlar </html> ile biter.

2. <head>....</head> etiketleri arasına sayfa hakkında bilgiler yazıyoruz. Ayrıntı bilgi için Meta Taglar sayfasına bakınız.

3 . <title>....</title>, <head>....</head> tagları arasında yazılır sayfaya Başlık verir. Burada yazılanlar browser'ın üst kısmında browser adıyla beraber gösterilir.

4. <body>....</body> arası ise sayfamızın gövde bölümüdir. Ekranda gösterilecek kısımlar bu tagler arasında yazılmalıdır.

5.Html Sayfa Yapmak için Notepad ( Not Defteri ) Programını veya daha gelişmiş bir web editor programı kullabilirsiniz.

6. Yapılan Html Sayfanın Broswer’ in açabilmesi için *.htm veya *.html uzantısıyla kaydedilmelidir.

7. Html Sayfayı internetde yayınlayacaksak sayfa ismini yazarken Türkçe karakter kullanmıyoruz (ç,ğ,ö,ü,İ,ı,ş yerine c,g,o,u,i,s kullanılacak)

8. Html sayfaların kaydederken 8 karekterden fazla yazmassak iyi olur.

9. İlk giriş sayfasının adı index.html veya default.html olmalı.

Örnegin;

www.html-dersi.blogspot.com/ilk_sayfam.html yerine ilk_sayfam.html’ li index.html yaparsak;

www.html-dersi.blogspot.com adresi geçerli olacaktır.

Örnek Sayfa;

Notepad Programını açarak

<html>
<head>
<title>HTML İlk Sayfam</title>
</head>
<body>Sayfama Hoşgeldiniz</body>
</html>

Yukardakilerini yazdıktan sonra save as diyerek ilk sayfamı index.htm olarak kaydettim. Şimdi de Internet explorer ile index.htm sayfamı açıyorum .

NOT: Burada bilmeyenler için küçük bir bilgi; bir html dökümanını açtığımızda ve ekran üzerinde farenin sağ tuşuna tıklayıp kaynağı görüntüle/view source'u seçtiğimizde internet explorer için notepad, netscape için kendi viewer'ı açılacak ve bize o sayfanın kodunu gösterecektir.

Web Sitesi Yönlendirme Başka Sayfaya url Web Site Redirect

2008-02-18T14:36:00.000-08:00

Sayfa yönlendirme:

Web Site Yönlendire

URL yönlendirme:

<html>
<title>Yönledirme Yapmak</title>
<meta http-equiv="refresh"
content="3;url=http://www.html-dersi.blogspot.com">

3 Sn’ ye İçinde Yönlendirileceksiniz.

<body>
</body>
</html>

Bu ornekte <meta http-equiv="refresh" ...> diyerek, www gösterici programına yeni bir sayfa yüklemesini istediğimizi belirtiyoruz.

Bu yüklemeyi kaç saniye sonra yapması gerektiğini '<meta ..' nin devamındaki 'content="3;....">' yazısı ile belirliyoruz. Buradaki '3' yerine saniye cinsinden herhangi bir süre belirtebilirsiniz. '0' yazarsanız, doğal olarak hemen diğer sayfayı yüklemeye başlar.

Yönelinen sayfanın adresi de, ' ... content="saniye; url=http://...">
biçiminde veriliyor.

Standart Taglar Takılar Link Takı Parametreleri

2008-02-18T14:35:00.000-08:00

Standart Takılar

<html> Tüm Html sayfaları<html> ile başlar </html> ile biter.

<TITLE> .......... </TITLE> Sayfanın başlık kısmında çıkması istenen yazılar buraya yazılır (browser' ın başlık çubuğunda gözükecek yazıdır ).

<head> ve </head> : sayfanın başlık bilgileri 'title', 'meta' vs. buraya yerleştirilir.

<body> Sayfa üzerinde görülmesi istenen herşey bu bölümde yazılır.

<body> Takısının Parametreleri

Bgcolor: Arka plan rengini ayarlar.

Background: Arka plana bir resmin duvar kağıdı olarak döşenmesini sağlar.

Text: Metnin rengini belirler.

Link : Linklerin renklerini belirler.

Hlink : Fare imleci link’in üzerine geldiğinde link’in hangi renkte görüntüleneceğini belirler.

Vlink: Ziyaret edilen sayfaların linklerinin rengini belirler.

topmargin : Sayfanın üst tarafındaki kenar boşluğunu ayarlar.

leftmargin : Sayfanın sol tarafındaki kenar boşluğunu ayarlar.

rightmargin : Sayfanın sağ tarafındaki kenar boşluğunu ayarlar.

Tablolar

2008-02-18T14:34:00.000-08:00

Html Tablolar

Genel kullanımı; Öncelikle <table>...</table> etiketlerini yazıyoruz,. <tr> etiketi ile satır açıyoruz; <td> etiketi sütun açıyoruz.

Örnekler;

hücre

<table border="1">
<tr>
<td>hücre</td>
</tr>
</table>

hücre1

hücre2

<table border="1">
<tr>
<td>hücre1</td>
<td>hücre2</td>
</tr>
</table>

hücre1

hücre2

<table border="1">
<tr>
<td>hücre1</td>
<tr>
</tr>
<td>hücre2</td>
</tr>
</table>

hücre1	hücre2
hücre3	hücre4

<table border="1">
<tr>
<td>hücre1</td>
<td>hücre2</td>
</tr>
<tr>
<td>hücre3</td>
<td>hücre4</td>
</tr>
</table>

<table border= “1”> Bu parametre hücrenin ve tablonun etrafındaki çerçevenin kalınlığını ayarlamak için kullanılır.

<table width=”100”> Tablonun pixel cinsinden genişliğini ayarlamak için kullanılır.

<table height=”50”> Tablonun pixel cinsinden yüksekliğini ayarlamak için kullanılır.

<table cellspacing=”2”> Tablonun içerisindeki hücrelerin, birbirlerinden ve tablo sınırlarından uzaklığını pixel olarak ayarlamak için kullanılır.

<table cellpadding=”5”> Hücrelerin içerisindeki metin, resim, v.s gibi web sayfası öğelerinin hücre sınırlarından uzaklıklarını ayarlamak için kullanılır.

<table bgcolor=”#ffff00”> Tablonun genel arka plan rengini belirlemek için kullanılır.

<table align=”left”> ; <table align=right>; <table align=center> Tablonun konumunu ayarlamayı sağlar.

<table background=”tugla.gif”> Tablonun arkasına resim konulabilir.
< table bgcolor=”#ffff00” > Tablonun arka zemin rengini ayarlar.

Etiketler »» [TD Takısının Parametreleri ] [Tablo Kenarlık Renklerinde Ayarlama Yapmak] [Tablolarda Colspan ve Rowspan kullanımı ile ilgili örnekler]

<html> <head> <title>Çerçeve Çalışma - 1</title> </head> <frameset rows="," cols=","> <frame name="kirmizi" src="a.htm"> <frame name="mavi" src="b.htm"> <frame name="yesil" src="c.htm"> <frame name="siyah" src="d.htm"> </frameset> <body> </body> </html>
<html> <head> <title>Çerçeve Çalışma - 2</title> </head> <frameset cols="150,"> <frame name=" kirmizi" src="a.htm"> <frameset rows="100,"> <frame name=" mavi" src="b.htm"> <frame name=" yesil" src="c.htm"> </frameset> </frameset> <body> </body> </html>
<html> <head> <title>Çerçeve Çalışma - 3</title> </head> <frameset rows="50%,50%"> <frameset cols=","> <frame name=" kirmizi" src="a.htm"> <frame name=" mavi" src="b.htm"> </frameset> <frame name=" yesil" src="c.htm"> </frameset> <body> </body> </html>
<html> <head> <title>Çerçeve Çalışma - 4</title> </head> <frameset rows=",,"> <frame name=" kirmizi" src="a.htm"> <frameset cols=",*"> <frame name=" mavi" src="b.htm"> <frame name=" yesil" src="c.htm"> </frameset> <frame name=" siyah " src="d.htm"> </frameset> <body> </body> </html>