Merhabalar !
Bu yazımız ile HTML öğrenmeye başlıyoruz. Öncelikle HTML geçip denilen kısaltmanın anlamı öğrenelim. Hyper Text Markup Language olarak bilinen bu kısaltmanın türkçesi yaklaşık olarak “genişletilebilir köprü metni biçimlendirme dili”, “Köprü Metni Biçimlendirme Dili” manalarına geldiğini söyleyebilirim. Tam bir türkçe karşılığı yok ve bulunana kadar biz HTML demeye devam edebiliriz 
HTML bir programlama dili değildir. Bir işaretleme dilidir. Bunu bilerek öğrenmeye başlamamız faydalı gibi görünüyor. Bir işaretleme dili olduğu için, içeriği etiketlerden oluşuyor ve tarayıcımız bu etiketleri kullanıp size sayfayı nasıl göstereceğine karar veriyor. Mesela yazılar nasıl olacak? veya renkleri nasıl etiketlenmiş gibi.
Peki HTML etiketleri üzerine birşeyler söylemek gerekirse neye benzediklerini açıklamak için etiketleri oluşturan kelimeler ayraçların içine alınmıştır. “<” ile açılıp “>” ile kapanırlar. Örnek olarak : “<html>“. Diğer temel kural ile kullanılan etiketin daha sonra kapatılmasıdır. Etiketler genel olarak eşleri ile bilinir. Örnek etiketimizi kapatmak için “</html>” kullanmak zorundayız. İlk etiketten farkı sadece eğik bir çizgidir yani bölme işareti. Eskilerin deyimi ile “taksim”. Birinci etikete “açılış etiketi” ikincisine ise “kapanış etiketi” denir. Daha farklı anlamdırılabilirler.
HTML dökümanları bizim web sayfalarını görmemize olanak sağlar. Bolca HTML etiketi ve saed yazı içerirler. HTML dökümanlarını web dökümanı olarakta adlandırabiliriz. Bir web tarayıcısının görevi (internet explorer, firefox, chrome, opera, safari) bu etiketleri okumak ve onları yorumlayıp web sayfası olarak göstermektir. Yorumlar iken HTML etiketlerini göstermezler. Bizim için önemli olan sade yazıdır. Etiketler tarayıcı için çok büyük anlam ifade eder. Onlar olmadan yazının veya dökümanın nasıl gösterileceğini bilemezler.
<html> <body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body> </html>
İlk web sayfamızı yukarıdaki kodlar ile oluşturabiliriz. Peki anlamları için ne söyleyebiliriz.
- <html> ve </html> bunun bize bir web sayfası oldugunu söylüyor.
- <body> ve </body> var olan sayfadaki görünür içeriği temsil ediyor.
- <h1> ve </h1> bize sayfadaki bir başlıktan haber veriyor.
- <p> ve </p> bize sayfada bulunan bir paragrafı işaret ediyor.
Yukarıdaki kodu hemendene editörümüz ile nasıl çalıştıgını görebilirsiniz. Editöre ulaşmak için tıklayınız.
Bu yazının sonuna geldik. Devamı için bir sonraki yazıya geçebilirsiniz.
Henüz bir yorum yok