[table_of_contents]
Temel Sayfa Bileşenleri
Bir HTML sayfasında o sayfanın HTML sayfası olduğunu belirten, sayfanın başlık kısmı ile gövde kısmını birbirinden ayıran elementler muhakkak olmalıdır. Bunlar HTML, HEAD ve BODY elementleridir. Bu kodlar ile HTML sayfası oluşturabilirsin. HEAD kısmı sayfaya özel tanımlamaların gerçekleştirilecek olduğu kısımdır. BODY
ise sayfanın şeklinin belirleneceği kısımdır.
<title>….</title>
Title komutu, sayfanın başlığının belirlendiği bölümdür. Herhangi bir web sayfasını ziyaret ettiğindetarayıcının üst bölümünde ilgili sayfanın adının yazdığını görürsün. HTML’de sayfanın başlığının belirlendiği bölüm TITLE komutudur ve TITLE komutu muhakkak HEAD etiketi arasında yer almalıdır. TITLE komutunu aşağıdaki şekilde kullanabilirsin.
<html> <head> <title> Kodhane | HTML </title> </head> <body> Sayfanın içeriğini oluşturacak kısımlar(yazılar, resimler, vb...) </body> </html>
Kodları bir notepad aracılığı ile html sayfası olarak kaydedip sayfayı çalıştırabilirsin. Sayfa çalıştırıldığında tarayıcının en üzerindeki başlık bölümüne dikkat ettiğinde “Kodhane | HTML” yazıyor olacaktır.
html-temel-bilesen
HTML Satır Araları
HTML’de bir sayfanın içeriği belirlenirken metinlerin satır bazında birbirinden olan uzaklıklarını ayarlamak önemlidir, çünkü son kullanıcının hoşuna gitmesi gereken bir şeyler yapmak için yola çıkıyoruz. HTML’de metinleri paragraf bazında gruplamak için <P>, <BR> ve <HR> gibi etiketler kullanılabilir. Kullanılabilecek olan etiketler sadece bunlar değildir ve daha fazlası vardır.
<P>…</P>
Paragrafı simgeler. <P> etiketi kullanılarak HTML içerisinde tıpkı Word’de olduğu gibi paragraflar oluşturabilirsin. Sonraki bölümde göreceğin CSS sınıfları ile paragrafa özel sitiller verip o paragraf içerisinde bulunan yazıların tamamının görünümü, kolaylıkla belirlenebilir.
<BR />
Bir paragraf içerisindeki metnin alt satıra alınmasını sağlar.
<HR />
HR’de BR gibi metni bir alt satıra alır ancak arada bir tane de çizgi koyar. Şimdi açıklanan bu üç etiketi kullanan bir sayfa tasarlaman gerekiyor. Sayfada iki tane paragraf ve paragraf içerisindeki metinler alt satırlarda olsun.
<html> <head> <title>Satır Araları</title> </head> <body> <p> Paragraf 1 Bu satır altta olacak mı?</p> <p> Paragraf 2 <hr /> İkinci paragraf <br /> Bu noktadan sonra alttan devam edecek...</p> </body> </html>
Bu kodları HTML sayfası olarak çalıştırıp aşağıda yer alan sonuçları görüntüleyebilirsin.
html-temel-örnek
Konular: başlık, bilesen, br, element, etiket, görsel, gövde, hr, html, html temel eğitim, kod, kodhane, kodlama, komut, makale, örnek, p, resimli anlatım, satır, sayfa, temel, title
Yorum yok
Bu yazı için Yorum Beslemesi
Geri izleme bağlantısı http://www.kodhane.com/html-temel-bilesen.html/trackback