- dershtml4

dershtml4

Bu derste kullanacağımız etiketler işte burada;

<p>...</p>
Bu etiket paragraf etikeditir.

<h1>...<h6> ;
Başlıkların boyutunu bu etiket ile daha kolay bir bir şekilde seçebiliriz...
Başlık etiketleri...

<center>...</center>
Bu tag sayesinde ortalanmış yazılar yazabiliriz.

<b>...</b>
Bu taglar sayesinde kalın yazılar yazabiliriz.

<i>...</i>
Bu taglar sayesinde italik yazılar yazabiliriz.

<u>...</u>
Bu tag sayesinde altı çizili yazılar yazabiliriz...

Arkadaşlar şimdi biz, başlık etiketleri ile başlayacağız,
üstte belirtmiş olduğum gibi, <h1>...</h1>;

--h1 en buyuk başlık boyutudur--
--h2 h1' den küçük başlık boyutudur--
--h3 h2' den küçük başlık boyutudur--
--h4 h3' den küçük başlık boyutudur--
--h5 h4' den küçük başlık boyutudur--
--h6 en küçük başlık boyutudur--

Kod :

<html>
<head>
     <title>Kıro</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>

Bakın, <html>...</html> taglarını mutlaka ekledim, head bolumune is <title> tagıyla sitenin başlığını tanıttım...
<h1> en buyuk başlık efekkti demişti k siz de şimdi bu bildiklerinizle kodlar yazın... karıştırın felan...

Siz bu bildikleriniz ile biraz kodlar yazın şimdi...

---------------------------------------------------------------------------------------------------------------------------------

Diğer etiketleri toplu olarak kullanarak yeni
bir HTML dosyası oluşturalım. Kodlar;

Kod Alanı:

<html>
<head>
     <title>Naberr kuzuum xD</title>
</head>
<body>
     <h1><center>SAYFAMA HOSGELDIN</center></h1>
     <p>Bu etiketler sayesinde, </p>
     Yazıları
     <b>koyu </b>
     <i>italik </i>
     bide
     <u>altı çizili </u>
     yapabiliyorum nasılım? www.winniex.tr.gg
</body>

</html>

Etiketleri kullanmayı öğrenmişsinizdir. Biçimlendirmek istediğimiz metinin başına ilgili etiketi alıyoruz ve sonunada ilgili etiketi kullanıyoruz. Etiket biz
sonlandırmadığımız müddetçe etkisini göstermeye devam ediyor. Eğer hala
tereddütleriniz varsa örnekler üzerindeki kodların yerlerini değiştirerek
kaydedin ve diğer taraftan browserınızın refresh/reload (yenile ) tuşuna
basarak değişiklikleri gözlemleyin.

Bir yeni öğrendiğimiz kodlara bi göz atalım ayrıca unutmatyın bunu sakın
html taglarını açmadan yapmayın.

<center>....</center>
Metini sayfaya göre ortalar mutlaka ama siz siteyi bununla zor ortalarsınız..

<b>....</b>
Aradaki metni koyu yazar.

<i>....</i>
Aradaki metni eğik yazar.

<u>....</u>
Altı çizili yazmanızı sağlar...

<h1>....<h6>
Başlık etiketi. h1 en büyük, h6
en küçük.H1(en büyüğü) ile açılan tag /h1 ile biter, h2 ile açılan tag /h2 ile biter..

<p>....</p>
Aradaki metin paragraf özelliği kazanıyo bu tag ile...
Deneyerek öğrenin..

Unutmayın arkadaşlar, bir tag( etiket ) açtıysanız onu sonlandırmayı unutmayın, yoksa tüm siteye uygularsınız efekti...

Şu ana kadar sitenin font ayarını browsere bıraktık.. Bir sonraki konuda, metinlerde

istediğimiz fontu nasıl kullanacağımızı göreceğiz.. Gerekli bişeydir bu;

Hazır kod yerine kendi kodlarınızı yazabilirsinizzzz...

winniex.tr.gg' ye bir teşekkür borçlusunuz anladıysanız...

Sonraki Ders' de tablo yapmayı öğretceğim....

SONRAKİ DERS