|
Yeni Üyelik Haber bülteni üyeliği
|
Temel HTML Komutları En önemli HTML komutları başlık (headings), paragraf (pharagraphs) ve satır aralığı(line breaks) komutlarıdır.
HTML öğrenmenin en kolay yolu örnekler ile çalışmaktır. Burada gördüğünüz komutları ve örnekleri kendi başınıza denemeyi unutmayın.
Başlıklar (Headings) Başlık komutları <h1> den başlayıp <h6> a kadan giden komutlardan oluşuyor. <h1> en büyük başlığı temsil ederken <h6> en küçüğü temsil etmekte.
<h1>Bu bir baslik</h1> <h2>Bu bir baslik</h2> <h3>Bu bir baslik</h3> <h4>Bu bir baslik</h4> <h5>Bu bir baslik</h5> <h6>Bu bir baslik</h6>
Paragraf (Paragraphs) Paragraflar <p> komutu ile tanımlıdırlar.
<p>Bu bir paragraf</p> <p>Buda baska bir paragraf</p>
HTML iki paragraf arasında kendiliğinden boşluk bırakır.
DİKKAT Bitiş komutlarını girmeyi unutmayın!!! Yanlış <p>Bu bir paragraf <p>Buda baska bir paragraf Doğru <p>Bu bir paragraf</p> <p>Buda baska bir paragraf</p>
Üstteki yanlış komut bir çok tarayıcı tarafından çalıştırılabilir, fakat buna güvenmemek gerekir. Çünkü yeni nesil HTML hiç bir kapanış komutunu es geçmenize izin vermiyor.
Ayrıca açılış ve bitiş komutlarının düzenli kullanımı, daha sonrasında HTML dosyasının gözlemlenmesini ve anlaşılmasını kolaylaştırır.
Satır Aralığı (Line Breaks) <br> komutları paragraf içerisinde satır atlamanızı sağlar. <br> komutlarının kapanış komutu yani </br> komutları yoktur. Bu da biraz önce yukarıda bahsettiğimiz yeni nesil HTML kuralının tek ihlali olmakta.
<p>Bu bir paragraf</p> <p>Buda <br>baska<br> bir <br> paragraf</p>
HTML de Yorumlar Yorum komutu, HTML dosyasında geliştiricinin dosya içerisine yorum bırakabilmesini sağlayan komuttur. Yorum komutları tarayıcı tarafından gösterilmezler. Geliştiriciden geliştiriciye gönderilen mesajlar gibidir. Komut < > işaretlerinin arasında ! koyarak kullanılır. Ünlem işaretinden sonra yorum yazılır.
<!--- Bu bir yorum --->
HTML elementlerinin tekrarı Her HTML elementinin kendi adı vardır (body, h1, p, br gibi). Başlangıç komutu <, > işaretlerinin arasındaki element adıdır. Bitiş komutu </, > işaretlerinin arasındaki element adıdır. Elementin içeriği başlangıç ve bitiş komutlarının arasında olur. Bazı HTML elementlerinin içeriği yoktur. Bazı HTML elementlerinin bitiş komutu yoktur.
Temel Notlar, Yararlı İpuçları HTML elementinin içeriğini hazırlarken, örneğin bir paragraf hazırlarken asla space ve enter tuşlarını kullanarak metin formatını ayarlamayın. Bunun yerine paragraf (<p>) ve (<br>) komutlarını kullanın.
HTML?de space tuşuna ard arda ne kadar basarsanız basın iki karakter arasında sadece bir boşluk bırakır.
Bir kaç satır boşluk bırakmak için <p> komutu yerine <br> komutlarını alt alta yerleştirmeyi tercih edin.
Örnekler Paragraf <html> <body>
<p>bu paragrafin kaynak kodunda bir cok satir var. Ama tarayici bunlari gostermiyor.</p>
<p>bu paragrafin kaynak kodunda bir cok bosluk var. Ama tarayici bunlari gostermiyor</p>
<p>Yazdiginiz paragrafin kac satirden olustugu tarayici penceresinin buyuklugu ile alakalidir. Tarayici sayfanizin buyuklugunu degistirdiginiz zaman satir sayisi degisecektir.</p>
</body> </html>
Satır Aralığı <html> <body>
<p>satir<br>araligi<br>birakmak<br>icin<br>bu<br>komutu<br>kullanin.</p>
</body> </html>
Şiir Problemleri <html> <body>
<p> Iste, oradaki piriltili pencere nisinde. Nasil da bir heykel gibi, gorurum dineldigi. Ah, Pysche, kutlu topraklar olan bolgelerden. Akik lamba elinde. </p>
<br>
<p>Tarayicinin sizin formatinizi uygulamadigina dikkat edin</p>
</body> </html>
Başlıklar <html> <body>
<h1>Bu birinci baslik</h1> <h2>Bu ikinci baslik</h2> <h3>Bu ucuncu baslik</3> <h4>Bu dorduncu baslik</h4> <h5>Bu besinci baslik</5> <h6>Bu altinci baslik</h6>
<p>Basliklari Yazmak icin sadece baslik komutlarini kullanin. Kalin harfler icin onlari kullanmayin. O isi baska komutlar ile halledin.</p>
</body> </html>
Yatay Kuralı <html> <body>
<p> hr komutu yatay kuralini uygulamak icin kullanilir. </p>
<hr>
<p> Bu bir paragraf </p>
<hr>
<p> Bu bir paragraf </p>
<hr>
<p> Bu bir paragraf <p>
</body> </html>
Yorum <html> <body>
<p>siradan bir paragraf</p> <!bu yorumu sizden baska kimse goremez>,
</body> </html>
Temel HTML komutları
Aşagıdaki Tabloda temel HTML komutları ve açıklamaları bulunmaktadır. Bir sonraki derste HTML komutlarından bahsetmeye devam edeceğiz.
Komut Açıklama <html> HTML dosyası <body> Dosyanın gövdesi <h1> ... <h6> Başlıklar ve alternatif büyüklükler <p> Paragraf <br> Satır aralığı <hr> Yatay kuralı <!--> Yorum
Sonraki ders için tıklayınız...
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||
Copyright © 2005 Uzerine.com
uzerine.com Ana Sayfa |
Gizlilik Sözleşmesi |
Üye Girişi