(3.BÖLÜM)
Tablodaki hücreleri yatay ve dikey birleştirmek
* Yanyana iki hücreyi birleştirmek
yanyana iki hücreyi birleştirmek için colspan komutunu kullanırız birleştireceğimiz hücrenin içerisine bu komutu ekleriz.
<table border=1 bordercolor=red>
<tr>
<td>bir
<td>iki
<td>üç
</tr>
<tr>
<td colspan=2>dört
<td>beş
</tr>
<tr>
<td>altı
<td>yedi
<td>sekiz
</tr>
</table>
Ekran çıktısı şu şekilde olur
bir
iki
üç
dört
beş
altı
yedi
sekiz
* Altalta iki hücreyi birleştirmek
Altalta iki hücreyi birleştirmek için rowspan komutunu kullanırız birleştirmek istediğimiz hücrenin içerisine bu komutu yerleştiririz.
<table border=1 bordercolor=red>
<tr>
<td>bir
<td>iki
<td>üç
</tr>
<tr>
<td>dört
<td rowspan=2>beş
<td>altı
</tr>
<tr>
<td>yedi
<td>sekiz
</tr>
</table>
Ekran çıktısı şu şekilde olur
bir
iki
üç
dört
beş
altı
yedi
sekiz
FRAMELER (ÇERCEVELER)
* Frame özelliğini birden fazla sayfayı belirli oranlarda tek sayfada birleştirmek için kullanacağız.
* Sonuç olarak ortaya yeni bir sayfa çıkacağı için frame kodlarını temel html tagları olan (bOdy tagı hariç) bir sayfaya yerleştireceğiz.
* <frameset> </frameset> tagları arasına oluşturacağımız sayfaların parçaları girilir
* <frame name="1" src= "cerceve1">frame ile sayfa ekleriz name adını belirler cerceveye link vermek için önemlidir linkler bölümünde görmüştük src ise sayfanın bulundugu yeri sayfanın adını uzantısını belirtir">cols yatay birleştirme oranını rows ise dikey birleştirme oranını belirler
* frameborder kenar kalınlığının olup olmayacağını belirler frameborder="yes| no" yes olursa kenar kalınlığı olur , no olursa kenar kalınlığı olmaz.
* border="3" kenar kalınlığını belirler
* bordercolor="red" kenar kalınlığının rengini belirler
* scrolling kaydırma çubuğunun olup olmayacağını belirler scrolling="yes" kaydırma çubuğu olur , scrolling="no" kaydırma çubuğu olmaz ,scrolling="auto" gerekirse kaydırma çubuğu olur
* marginwidth yatay kenar boşluğunu marginheight üstteki kenar boşluğunu belirler.
* <noframes> </noframes> frame özelliği htmlye sonradan eklendiği için eski browserlar bu teknolojiyi desteklemez ziyaretçinize bu tag ile bilgi verirsiniz.
* Frame konusu biraz karışık gelebilir bu konuda fazlaca deneme yapınız
<html>
<head>
<title>Çerçeveli sayfa</title>
</head>
<frameset cols="50%,50%" rows="50%,50%" frameborder="yes" border="2" bordercolor="green">
<frame name="1" src= "><frame name="2" src= "><frame name="3" src= "><frame name="4" src= "><noframes>Üzgünüm Web tarayıcınız çerçeve teknolojisini desteklemiyor Başka bir tarayıcı ile tekrar giriniz</noframes>
FRAME ÖRNEKLERİNİ İNCELEMEK İÇİN TIKLAYINIZ.
FORMLAR
* <form><textarea rows="5" cols="20" style="backgroundrange" style="font-familyomic sans ms" style="color:green" style="borderstyle:solid;">Yazınızı buraya yazın!</textarea></form> <FORM><TEXTAREA style="BACKGROUND: orange; COLOR: green; FONT-FAMILY: Comic sans ms; borderstyle: solid" rows=5>Yazınızı buraya yazın!
* FORMlar ziyaretçilerimiz ile iletişim kurmak için kullandığımız html’nin güzel özelliklerinden birisidir
* textarea mein alanı oluşturmak için kullanılır rows cols seçenekleri ile dikey ve yatay boyutu belirlenir.
* style="backgroundrange" metin alanımızın arka planını belirler.
* style="font-family:comic sans ms" metin alanındaki yazı tipini belirler.
* style="color:green" metin alanındaki yazı rengini belirler.
* style="borderstyle:solid;" kenar kalınlığı stilini belirler.
* <form><input type="text" size="20" maxlength="21" value="Yazıyı buraya yazınız"></form>
* type=text yatay metin alanı oluşturmak için kullanılır.
* size yatay metin alanının boyutunu belirtir.
* maxlength yatay metin alanına en fazla kaç karakterlik yazı yazılacağını belirler.
* value metin alanına açıklama eklemek için kullanılır.
* <form><input type="password" size="10"></form>
* şifre girilecek yatay metin alanı oluşturmak için kullanılır girilen karakter yıldız şeklinde görünür.
* <form><input type="checkbox" name="isaret"></form>
* type="checkbox" işaret kutucuğu yapmak için kullanılır , name kutucuğun adını belirtir.
* <form><input type="radio" name="isaret"></form>
* type="radio" seçenek kutusu yapmak için kullanılır , name kutucuğun adını belirtir.
* radio ile checkbox arasındaki fark radio ile tek seçim yapılır checkbox ile istediğimiz kadar kutucuğu seçebiliriz.
* <select name=günler size="1">
<option selected >GÜNLER
<option value="Pazartesi">Pazartesi
<option value="Salı">Salı
<option value="Çarşamba">Çarşamba
<option value="Perşembe">Perşembe
<option value="Cuma">Cuma
<option value="Cumartesi">Cumartesi
<option value="Pazar">Pazar
</select>
* Aşağıya doğru açılan seçim kutucuğu oluşturmak için select etiketini kullanırız
* option selected açılan kutunun başlık yazısını belirtir.
* option value seçenek eklemek için kullanılır.
* NOT: input etiketinde olduğu gibi option etiketininde bitiş tagı yoktur , select ve form taglarının bitiş tagı vardır.
* <input type="submit" name="gönder" value="gönder">
* Formun içeriğinin gönderilmesi için gönder butonu ekler.
* <input type="reset" name="sil" value="sil">
* Form üzerinde yapılan işlemleri geri almak yazıan yazıları silmek için sil butonunu ekler.
* <button type="submit" name="gönder" value="gönder"><img src= "grafikler/gonder.jpg">
* Gönder için özel butonunuz varsa bu kodu kullanabilirsiniz.
* <button type="reset" name="sil" value="sil"><img src= "grafikler/sil.jpg">
* Sil için özel butonunuz varsa bu kodu kullanabilirsiniz.
FORMU GÖNDERMEK
* <FORM ACTION="mailto:karincapc@yahoo.com" METHOD=GET>
* Formun içerine eklenen bu kod ile form e posta yoluyla iletilir
SAYFAYA SES VE VİDEO EKLEMEK
* <bgsound src= "">loop kac defa çalınacağını belirtir , volume ses ayarını belirler -10000 ile +10000 arasında değerler alır .
* balance hoparlörün sağ sol dengesini ayarlar -10000 ile +10000 arasında değerler alır.
* <embed src= "gitar">embed komutu sayfaya müzik eklemek için kullanılır autostart değeri false olursa müzik otomatik başlamaz true olursa otomatik başlar
* loop ise kaç defa çalınacağını belirler.
* hidden değeri true olursa ekranda hiçbirşet görünmez sadece ses olur bgsound komutundan farkı kalmaz.
* <embed src= "gitar">embed komutu aynı zamanda sayfaya video eklemek için kullanılır
* videonun buyotunu kendimiz ayarlamak istersek embed etiketi içerisine width ve height değerlerini girebiliriz.
ÖZEL KARAKTERLER
* < <
* > >
* & &
* ® ®
* " "
* bu kod boşluk 1 karakterlik boşluk bırakır.
