Aracılığıyla paylaş

HTML Temelleri

Çoğu tarayıcı, göz attığınız sayfaların HTML kaynağını inceleme özelliğine sahiptir. Kaynağı görüntülediğinizde, açılı köşeli ayraçlarla()<> çevrelenmiş, metinle kesişen bir dizi HTML (Köprü metni işaretleme dili) etiketi görürsünüz.

Aşağıdaki adımlarda basit bir Web sayfası oluşturmak için HTML etiketleri kullanılır. Bu adımlarda, Not Defteri'nde bir dosyaya düz metin yazacak, birkaç değişiklik yapacak, dosyayı kaydedecek ve değişikliklerinizi görmek için sayfanızı tarayıcıda yeniden yükleyeceksiniz.

HTML dosyası oluşturmak için

  1. Not Defteri'ni veya herhangi bir düz metin düzenleyicisini açın.

  2. Dosyamenüsünden Yeni'yi seçin.

  3. Aşağıdaki satırları yazın:

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. Dosya menüsünde Kaydet'i seçin ve dosyayı c:\webpages\First.htmolarak kaydedin. Dosyayı düzenleyicide açık bırakın.

  5. Tarayıcınıza geçin ve Dosya menüsünde Aç'ı seçin veya tarayıcının URL düzenleme kutusuna file://C:/webpages/first.htm yazın. "En İyi HTML Etiketleri" pencere başlığıyla boş bir sayfa görmeniz gerekir.

    Etiketlerin eşlendiğine ve açılı parantezler içinde yer aldığına dikkat edin. Etiketler büyük/küçük harf duyarlı değildir, ancak etiketleri öne çıkarmak için büyük harf kullanımı genellikle tercih edilir.

    HTML< etiketi >belgeyi başlatır ve /HTML< etiketi >belgeyi sonlandırır. Bitiş etiketleri (her zaman gerekli değildir) başlangıç etiketiyle aynıdır, ancak etiketin önünde eğik çizgi (/) bulunur. Köşeli ayraç (<) ile etiketinizin başlangıcı arasında boşluk olmamalıdır.

  6. Not Defteri'ne geri dönün ve /HEAD< satırından >sonra şunu yazın:

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. Dosya menüsünde Kaydet'i seçin.

  8. Tarayıcınıza dönün ve sayfayı yenileyin.

    Sözcükler, tarayıcınızın penceresinin istemci alanında görünür. Satır başınızın görmezden gelindiğine dikkat edin. Satır sonu yapmak istiyorsanız, ilk satırdan sonra bir <BR> etiket eklemeniz gerekir.

    İzleyen tüm adımlar için, belgenizin gövdesine eklemek için metni BODY< ve >/BODY< arasında >herhangi bir yere ekleyin.

  9. Üst bilgi ekleyin:

    <H3>Here's the big picture</H3>

  10. Sayfanızla aynı dizine kaydedilmiş bir .gif dosyası kullanarak bir görüntü ekleyin:

    <IMG src="yourfile.gif">

  11. Liste ekle:

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. Bunun yerine listeyi numaralandırmak için <UL> ve </UL> etiketleri yerine eşleştirilmiş <OL> ve </OL> etiketlerini kullanın.

Bu, başlamanızı sağlar. Web sayfasında harika bir özellik görürseniz, HTML kaynağını inceleyerek nasıl oluşturulduğunu öğrenebilirsiniz. Microsoft Front Page gibi HTML düzenleyicileri hem basit hem de gelişmiş sayfalar oluşturmak için kullanılabilir.

Oluşturmakta olduğunuz dosyanın HTML kaynağının tamamı şunlardır:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

Etiketlerin, özniteliklerin ve uzantıların tam açıklaması için köprü metni biçimlendirme dili (HTML) belirtimine bakın:

W3C.org'da HTML'nin en son yayımlanan sürümü .

Ayrıca bakınız

MFC internet programlama temelleri

  • Last updated on