11-12-2012 Saat: 19:51
<br/> Etiketi
Bir alt satıra geçmeyi sağlar. Bu etiketi kullanmazsanız yazdığınız tüm yazılar ve kullandığınız tüm nesneler yatay bir şekilde ard arda gelecektir. Bu da görsel açıdan hoş olmayan bir durum demektir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Tek Satır Atlamak İçin<br/>
Birden Fazla Satır Atlamak İçin<br/><br/>
</body>
</html>
<p/> Etiketi
Paragraf başı yapmak için kullanılır. <p/> etiketi kullanırsanız iki <br/> etiketinin yapmış olduğu işi yapmış olursunuz.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Tek Satır Atlamak İçin<p/>
Birden Fazla Satır Atlamak İçin<br/><br/>
</body>
</html>
<b></b> Etiketi
Etiketler arası yazılan yazılar kalın bir şekilde gösterilir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<b>Bu yazı kalın olacaktır.</b> Fakat bu yazı kalın olmayacaktır.
</body>
</html>
<i></i> Etiketi
Bu etiketler arası yazılan yazılar italik(eğik) bir şekilde gösterilir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<b>Bu yazı kalın olacaktır.</b><i>Bu yazı italik olacaktır.</i>
</body>
</html>
<b> ve <i> etiketlerini ayrı ayrı kullanabileceğiniz gibi, iç içe de kullanabilirsiniz.
<i>İtalik Yazı<b> Hem kalın hem italik yazı</b></i>
<u></u> Etiketi
Bu etiketler arasında yazılan yazılar altı çizili bir şekilde gösterilir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<u>Bu yazı altı çizili olacaktır.</u>
</body>
</html>
<s></s> Etiketi
Bu etiketler arasında yazılan yazılar üstü çizili bir şekilde gösterilir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<s>Bu yazı altı çizili olacaktır.</s>
</body>
</html>
<strong></strong> Etiketi
Bu etiket de <b> etiketi gibi yazıyı kalın yapar.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<strong>Bu yazı kalın olacaktır.</strong>
</body>
</html>
<em></em> Etiketi
Bu etikette <i> etiketi gibi yazıyı italik yapar.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<em>Bu yazı italik olacaktır.</em>
</body>
</html>
  İle Boşluk Eklemek
Daha önce fark ettiyseniz editör içerisinde ne kadar boşluk bırakırsak bırakalım web tarayıcısında sadece tek bir tane boşluk görünmektedir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Bu yazıdaki boşluklar atılacaktır.
</body>
</html>
Bu durumu ortadan kaldırmak için   etiketi kullanılır. Her boşluk için bir tane   etiketi kullanılır.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
İstediğimiz kadar                 boşluk bırakıyoruz.
</body>
</html>
Bu örnekde ekranımızda 8 karakterlik boşluk görünecektir.
<pre></pre> Etiketi
Üstteki anlatımlarda boşluk veya özel karakterleri web sayfamıza eklemek için ayrıca özel ifadeler kullandığımızı söylemiştik. Fakat bu şekilde kullanım hem zordur hemde zaman alıcıdır. HTML bu problemi çözmek için bizlere <pre> etiketini sunmuştur. <pre></pre> etiketleri arasında yazdığımız tüm yazılar aynen yazıldığı gibi ekranda gösterilir. Şimdi aşağıdaki örnekteki gibi bir yazı yazıp kaydedelim.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Merhabalar …
Bu Sitede:
1- HTML dilini tanıyacak
2-HTML ile örnekler yapacak
3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz
</body>
</html>
Bu sayfanın ekran çıktısı :
Merhabalar … Bu Sitede: 1- HTML dilini tanıyacak 2-HTML ile örnekler yapacak 3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz
Ekran çıktımıza baktığımızda hiç de istemediğimiz biz görüntü ile karşılaşırız.
Bunu düzeltmek için bir sürü etiket eklememiz gerekir. Fakat bu işlem oldukça karmaşık ve zaman alıcıdır. Aşağıda yazımızın düzeltilmiş halii özel karakterler ve etiketler ile sağlanmıştır.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Merhabalar …<p/>
Bu Sitede:<p/>
   1- HTML dilini tanıyacak<p/>
   2-HTML ile örnekler yapacak<p/>
   3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz<p/>
</body>
</html>
Bu sayfanın ekran çıktısı :
Merhabalar …
Bu Sitede:
1- HTML dilini tanıyacak
2-HTML ile örnekler yapacak
3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz
Evet istenilen görüntüyü elde ettik, ama kodumuz oldukça karmaşık hale geldi. Bunu önlemek için sadece <pre></pre> etiketleri kullanabiliriz.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<pre>
Merhabalar …
Bu Sitede:
1- HTML dilini tanıyacak
2-HTML ile örnekler yapacak
3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz
</pre>
</body>
</html>
Bu sayfanın ekran çıktısı :
Merhabalar …
Bu Sitede:
1- HTML dilini tanıyacak
2-HTML ile örnekler yapacak
3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz
<h1>…<h6> Etiketleri
Bu etiketler başlık belirtmek için kullanılır Genelde yazı başlıkları için kullanılır <h1> enbüyük, <h6> en küçük başlık büyüklüğüdür.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<h1> başlık 1 </h1>
<h2> başlık 2</h2>
<h3> başlık 3</h3>
<h4> başlık 4</h4>
<h5> başlık 5</h5>
<h6> başlık 6</h6>
</body>
</html>
Bu sayfanın ekran çıktısı :
başlık 1
başlık 2
başlık 3
başlık 4
başlık 5
başlık 6
<blockquote></blockquote> Etiketi
Bu etiketler arasına alınan yazı biraz daha içe kayacaktır. Genelde özlü söz veya birinden alıntı yaparken kullanılır.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Descartes der ki:
<blockquote>dünüyorum, o halde varım…</blockquote>
</body>
</html>
Bu sayfanın ekran çıktısı :
Descartes der ki:
dünüyorum, o halde varım…
<font></font> Etiketi
Metinlerde en çok kullanılan etiketlerden biridir.
Bu etiket ile :
Yazı tipi belirlenir,Yazı büyüklüğü belirleniri,Yazı rengi belirlenir,Yazıya bir stil atayabilirsiniz.
Yukarıdaki işlemler fon etiketine özellikler sayesinde yaparız.
Font etiketine ait temel üç özellik şöyledir:
<font face”Arial”(yazı tipi) size =”5″(yazı boyutu) color=”red”(yazı rengi)> </font>
İşinize Yaradıysa +Rep Verebilirsiniz.
Bir alt satıra geçmeyi sağlar. Bu etiketi kullanmazsanız yazdığınız tüm yazılar ve kullandığınız tüm nesneler yatay bir şekilde ard arda gelecektir. Bu da görsel açıdan hoş olmayan bir durum demektir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Tek Satır Atlamak İçin<br/>
Birden Fazla Satır Atlamak İçin<br/><br/>
</body>
</html>
<p/> Etiketi
Paragraf başı yapmak için kullanılır. <p/> etiketi kullanırsanız iki <br/> etiketinin yapmış olduğu işi yapmış olursunuz.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Tek Satır Atlamak İçin<p/>
Birden Fazla Satır Atlamak İçin<br/><br/>
</body>
</html>
<b></b> Etiketi
Etiketler arası yazılan yazılar kalın bir şekilde gösterilir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<b>Bu yazı kalın olacaktır.</b> Fakat bu yazı kalın olmayacaktır.
</body>
</html>
<i></i> Etiketi
Bu etiketler arası yazılan yazılar italik(eğik) bir şekilde gösterilir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<b>Bu yazı kalın olacaktır.</b><i>Bu yazı italik olacaktır.</i>
</body>
</html>
<b> ve <i> etiketlerini ayrı ayrı kullanabileceğiniz gibi, iç içe de kullanabilirsiniz.
<i>İtalik Yazı<b> Hem kalın hem italik yazı</b></i>
<u></u> Etiketi
Bu etiketler arasında yazılan yazılar altı çizili bir şekilde gösterilir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<u>Bu yazı altı çizili olacaktır.</u>
</body>
</html>
<s></s> Etiketi
Bu etiketler arasında yazılan yazılar üstü çizili bir şekilde gösterilir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<s>Bu yazı altı çizili olacaktır.</s>
</body>
</html>
<strong></strong> Etiketi
Bu etiket de <b> etiketi gibi yazıyı kalın yapar.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<strong>Bu yazı kalın olacaktır.</strong>
</body>
</html>
<em></em> Etiketi
Bu etikette <i> etiketi gibi yazıyı italik yapar.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<em>Bu yazı italik olacaktır.</em>
</body>
</html>
  İle Boşluk Eklemek
Daha önce fark ettiyseniz editör içerisinde ne kadar boşluk bırakırsak bırakalım web tarayıcısında sadece tek bir tane boşluk görünmektedir.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Bu yazıdaki boşluklar atılacaktır.
</body>
</html>
Bu durumu ortadan kaldırmak için   etiketi kullanılır. Her boşluk için bir tane   etiketi kullanılır.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
İstediğimiz kadar                 boşluk bırakıyoruz.
</body>
</html>
Bu örnekde ekranımızda 8 karakterlik boşluk görünecektir.
<pre></pre> Etiketi
Üstteki anlatımlarda boşluk veya özel karakterleri web sayfamıza eklemek için ayrıca özel ifadeler kullandığımızı söylemiştik. Fakat bu şekilde kullanım hem zordur hemde zaman alıcıdır. HTML bu problemi çözmek için bizlere <pre> etiketini sunmuştur. <pre></pre> etiketleri arasında yazdığımız tüm yazılar aynen yazıldığı gibi ekranda gösterilir. Şimdi aşağıdaki örnekteki gibi bir yazı yazıp kaydedelim.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Merhabalar …
Bu Sitede:
1- HTML dilini tanıyacak
2-HTML ile örnekler yapacak
3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz
</body>
</html>
Bu sayfanın ekran çıktısı :
Merhabalar … Bu Sitede: 1- HTML dilini tanıyacak 2-HTML ile örnekler yapacak 3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz
Ekran çıktımıza baktığımızda hiç de istemediğimiz biz görüntü ile karşılaşırız.
Bunu düzeltmek için bir sürü etiket eklememiz gerekir. Fakat bu işlem oldukça karmaşık ve zaman alıcıdır. Aşağıda yazımızın düzeltilmiş halii özel karakterler ve etiketler ile sağlanmıştır.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Merhabalar …<p/>
Bu Sitede:<p/>
   1- HTML dilini tanıyacak<p/>
   2-HTML ile örnekler yapacak<p/>
   3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz<p/>
</body>
</html>
Bu sayfanın ekran çıktısı :
Merhabalar …
Bu Sitede:
1- HTML dilini tanıyacak
2-HTML ile örnekler yapacak
3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz
Evet istenilen görüntüyü elde ettik, ama kodumuz oldukça karmaşık hale geldi. Bunu önlemek için sadece <pre></pre> etiketleri kullanabiliriz.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<pre>
Merhabalar …
Bu Sitede:
1- HTML dilini tanıyacak
2-HTML ile örnekler yapacak
3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz
</pre>
</body>
</html>
Bu sayfanın ekran çıktısı :
Merhabalar …
Bu Sitede:
1- HTML dilini tanıyacak
2-HTML ile örnekler yapacak
3- Ve kendinize ait web sitesi yapmayı öğreneceksiniz
<h1>…<h6> Etiketleri
Bu etiketler başlık belirtmek için kullanılır Genelde yazı başlıkları için kullanılır <h1> enbüyük, <h6> en küçük başlık büyüklüğüdür.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<h1> başlık 1 </h1>
<h2> başlık 2</h2>
<h3> başlık 3</h3>
<h4> başlık 4</h4>
<h5> başlık 5</h5>
<h6> başlık 6</h6>
</body>
</html>
Bu sayfanın ekran çıktısı :
başlık 1
başlık 2
başlık 3
başlık 4
başlık 5
başlık 6
<blockquote></blockquote> Etiketi
Bu etiketler arasına alınan yazı biraz daha içe kayacaktır. Genelde özlü söz veya birinden alıntı yaparken kullanılır.
Örnek:
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Descartes der ki:
<blockquote>dünüyorum, o halde varım…</blockquote>
</body>
</html>
Bu sayfanın ekran çıktısı :
Descartes der ki:
dünüyorum, o halde varım…
<font></font> Etiketi
Metinlerde en çok kullanılan etiketlerden biridir.
Bu etiket ile :
Yazı tipi belirlenir,Yazı büyüklüğü belirleniri,Yazı rengi belirlenir,Yazıya bir stil atayabilirsiniz.
Yukarıdaki işlemler fon etiketine özellikler sayesinde yaparız.
Font etiketine ait temel üç özellik şöyledir:
<font face”Arial”(yazı tipi) size =”5″(yazı boyutu) color=”red”(yazı rengi)> </font>
İşinize Yaradıysa +Rep Verebilirsiniz.
10TR.NET Yardım istekleriniz için Ö.M atabilirsiniz.
Saçma Konu Ve Başlıklara Destek YOK!
Metars Theme V1.0
Stloje Theme V1.0
WMCAMP
Alışveriş İndex Tasarımı
Henry İndex Tasarımı
Bence bu ülkede herkes bilgisayar programlamayı öğrenmeli. Bir bilgisayar dili öğrenmeli. Çünkü bu, insana nasıl düşüneceğini öğretiyor. Ben bilgisayar bilimini bir sosyal bilim olarak görüyorum. Bu herkesin öğrendiği bir şey olmalı.
Saçma Konu Ve Başlıklara Destek YOK!
Metars Theme V1.0
Stloje Theme V1.0
WMCAMP
Alışveriş İndex Tasarımı
Henry İndex Tasarımı
Bence bu ülkede herkes bilgisayar programlamayı öğrenmeli. Bir bilgisayar dili öğrenmeli. Çünkü bu, insana nasıl düşüneceğini öğretiyor. Ben bilgisayar bilimini bir sosyal bilim olarak görüyorum. Bu herkesin öğrendiği bir şey olmalı.
