Ders 3
1-Özellik ve Değer? Örneğin a kümesinin bir özelliği href dir. href özelliği link vermeye yarar. Bu özelliğin değeri ise adres tir
| Kod: | Önizlemesi: |
| <a href="http://google.com">Merhaba</a> | Merhaba |
Başka bir örnek yaparsak daha iyi anlarsınız. Şimdi bir body elementi oluşturalım. Body elementi, bulunduğu yeri kaplayan bir alan oluşturur ve içine başka elementler konulur. Biz de body elementimizin içine bir a elementi koyacağız:
| Kod: | Önizlemesi: |
| <body><a>Merhaba</a></body> | Merhaba |
Body elementinin bir özelliği bgcolor dır. bgcolor özelliği arkaplan rengini değiştirmeye yarar. Bu özelliğin değeri ise doğal olarak renk adıdır. özellik="değer" kalıbımızı kullanıyoruz:
| Kod: | Önizlemesi: |
| <body bgcolor="red"><a>Merhaba</a></body> | Merhaba |
Şimdi a elementinin title özelliğini kullanalım. Title özelliği, elementin üzerine mouse ile beklediğinizde küçük bir kutucukta açıklama oluşturmaktır. Title özelliğinin değeri yazıdır. yani herhangi bir yazı kullanabilirsiniz:
| Kod: | Önizlemesi: |
| <a title="Merhaba!">Fareyi üzerinde beklet!</a> | Fareyi üzerinde beklet! |
Burada bir başka şeye daha dikkat çekmek istiyorum. farkedeceğiniz gibi, Kodu yazarken arayaboşluklar ve boş satırlar koydum. Bunu yapmamın sebebi size bir şeyi göstermek: HTML kodlarında bir veya daha fazla boşluk koyarsanız bu bir boşluk olarak görünür.
Satır atlamak ise gereksizdir çünkü html kodlarında istediğiniz kadar satır atlayın, tüm kodlarınızı aynı satıra yazmanızdan hiç bir farkı olmaz. 2-Yazılar arası satır atlamak: Gayet makul bir soru. Satır atlamaya yarayan bir element var. Evet var. Sembolü brolan bu kümenin tek özelliği bir satırlık atlama oluşturması:
| Kod: | Önizlemesi: |
| <a>Ben</a><br/><a>Sen</a> | Ben Sen |
Dikkatinizi çekecek şey muhtemelen <br/> nin çok saçma görünmesi olacak. 3-Bu da ne?? Evet, bu elementin bir açılış ve kapanış etiketi yok. Çünkü Gerek Yok. Diyelim ki br kümesi şöyle bir şey olsaydı:
<br></br>
İçine ne koyacaktık? Satır atlamanın içi olmaz. Bu nedenle bu element tek bir etiketle hem açılıp hem kapatılıyor:
<br/>
Burada kafanız karışmaya başlamasın. İçine birşey konulamadığı için bu şekilde yazılan elementler sadece birkaç tane:
<br/> (satır)
| la la la vallaha vallaha |
<input/> (metin kutusu)
<img/> (resim)
<hr/> (çizgi)
4-Örnek Verirsek? İşte örnek; Üzerinde çalışın... Önemli elementler:
(<a href="bilmem.com" target="_blank">)
(<img src="https://ssl.gstatic.com/s2/oz/images/settings/privacy/vis-profile.png"/>)
(<font color="red">)
<center><a href="http://site-dersleri.tr.gg" target="_blank">
<img src="https://ssl.gstatic.com/s2/oz/images/settings/privacy/vis-profile.png" />
<br/><br/><b><font color="blue">Knk Naber ?</font> </b>
</a>