Sayfaya yazi yazma

 

<html>
<head> <title>Yazi yazma </title> </head>
<body>
 Bu kisma istediginiz gibi yazi yazin. Sonra bu yazilarin ekranda nasil görünecegini hep beraber görecegiz. Satir sonlarinda bir alt satira otomatikman geçis yapilacaktir. Hiç merak etmeyin. Deneyin ve görün. Yazi yazmaktan sakin korkmayin.
</body>
</html>

 

Bir web sayfasina yazi yazmak kolaydir. <body> </body> taglari arasina yazacaginiz yazilar sayfada gösterilecektir. Hiç bir tag kullanmazsaniz satir bittiginde otomatikman bir alt satira geçerek yazilar gösterilir. simdi bunu deneyelim. Not defterini açin. Kodlari aynen yazin ve deneme2.html olarak web sayfam klasörüne kayit edin. simdi web sayfam klasöründen deneme2.html dosyasini çalistirin.

Bu sekilde birkaç deneme daha yapmanizda fayda var. Biraz deneme yapin ve nasil olduguna asina olun. Eger dikkat ettiyseniz birden fazla bosluk biraktiginizda browser bunu görmeyecek ve tek bir bosluk olarak kabul edecektir. Ne kadar tab ve bosluk pes pese kullanirsaniz kullanin bu bir bosluk anlamina gelecektir. Denemelerinizde buna da bakin ve tam olarak kavrayin.

Browsere istedigimiz zaman satir sonu yapmasini nasil anlatacagiz. Evet biz tasarim yapiyor isek istedigimiz an satir sonu yapmak isteriz. Bunun için <p> tagini kullanacagiz. <p> taginin bitis imini kullanmak gerekmemektedir. Browser <p> tagini gördügü an yeni bir paragraf baslatacaktir. Yani bir satirdan yeni bir paragrafa devam eden yazilari yazacaktir. simdide bunu bir deneyelim.

 

<html>
<head> <title>Paragraf olusturma </title> </head>
<body>
 simdi bu yazilari okuyorsunuz. su anda bir alt paragrafa geçecek<p> Yeni bir paragrafi okuyorsunuz.<p> Bir baska bir paragraf daha<p> Yani her <p> yeni paragraf baslatir.<p> Bir deneme daha.<p> </body>
</html>

 

Paragraf denememizi yazin ve deneme3.html olarak kayit edin. simdi deneme3.html yi çalistirin. Dikkat ederseniz browser her gördügü <p> tagindan sonra bir satir bosluk birakiyor ve yeni bir paragrafa basliyor. Önemli bir nokta dikkat edin. simdi bu yazdigimiz sayfayi kontrol edin Artik birkaç deneme daha yaparsaniz iyi olur. <p> tagi bizim için iyi bir kontrol aracidir. Sayfa üzerinde hakimiyetimizi artirir. Yazilari kontrol etmek için daha birçok tag var. simdi bunlardan yeni birini inceleyelim. Satir sonu yapmak için <br> tagini, yaziyi ortalamak için <center>   </center> tagini inceleyecegiz.

 

<html>
<head> <title>Paragraf olusturma </title> </head>
<body>
 simdi br  tagini inceleyelim. p tagindan farkli olarak paragraf yapmaz<br> sadece bir alt satira geçer<br> Dikkat ettiniz mi, bir satir bosluk birakmiyor<br> sadece bir alt satira geçiyor.<br> Önemli bir fark.
</body>
</html>

 

Evet <br> tagi sadece satir sonu yapar. Yani bir alt satira geçer. Yeni bir paragraf baslatmaz. <p> tagindan bu yönden ayrili. Hemen yandaki kodlari yazin ve html-dersi4.html olarak kayit edin. Sonra deneme4.html dosyasini çalistirin. Dikkat edin satir sonu tagindan hemen sonra bir alt satirdan yazi nasil basliyor. Birkaç deneme yapin. <p> ve <br> taglari arasindaki farki hissedin. İki tagi ayni anda kullanan birkaç deneme yapin. simdi deneme4.html yi çalistiralim.

Br tagini da ögrendigimize göre center tagina geçebiliriz.

 

<html>
<head> <title>Yaziyi ortalama</title> </head>
<body>
<center>CENTER TAGI</center>
 Dikkat ettiniz mi? baslik sayfayi ortalamis vaziyette.<p> Ayni sekilde istedigimiz <center>yaziyi ortalayabiliriz.</center>
</body>
</html>

 

Evet bir kelimeyi, yaziyi veya bir resmi ortalamak için kullanacagimiz tag center dir. Bu tagi /center ile bitirmek gereklidir. Ortalama satir üzerinde olur. Browser center tagini gördügünde bir satir asagi atlar ve satiri ortalayarak yaziyi ekrana getirir. /center tagini görünce bir satir asagi atlar. Sonuç yazimiz ortalandi. simdi yandaki denemeyi yazin ve denem5.html olarak kayit edin. Sonra çalistirin. Sonucu görün. Bir kaç deneme yapin.Artik deneme5.html yi çalistirabilirsiniz. Sonuç ortada web sayfasi tasarlarken yazilar üzerinde kontrolümüzü saglayan bu taglari iyi anlamak gereklidir. Birkaç deneme daha yapin, hepsini bir arada kullanin. Bir deneme olarak asagidaki satirlari yazin ve bu üç tagi bir arada nasil kullanabiliriz görün.

 

<html>
<head> <title>Yazilar üzerinde hakimiyet </title> </head>
<body>
<center> Yazilar Üzerinde Kullanilan Taglar </center>
 Hayatimizda kelimelerin tartisilmaz bir yerde bulunurlar. Kelimeler cümleleri olustururlar. Cümleler bize çok sey anlatir. Bir yaziyi yazarken bu kelimeleri özenle seçeriz.<p> Ayni sekilde yazim kurallari da önemlidir. Bu baglamda bir web sayfasi tasarlarken bizler bazi kurallara <br>uymak ve sayfayi en güzel sekilde tasarlamak mecburiyetindeyiz.<p> Bu durumda tasarim yaparken kullanacagimiz bazi taglar gelistirilmistir. bu taglar bize tasarim kolayligi saglamaktadir. Dogru sekilde kullanildiginda çok güzel etkiler verirler.
<center>Hazirlayan: sasuke</center>
</body>
</html>

 

Devam Edecek...