TeknolojiBil.com

Html Basit Site

HTML Basit Site: Temel Kavramlar ve Oluşturma Adımları

HTML (Hypertext Markup Language), web sayfalarının yapısını ve içeriğini tanımlamak için kullanılan bir işaretleme dilidir. HTML, web sayfalarının başlıklarını, paragraflarını, bağlantılarına, resimlerine ve diğer öğelerine yapı kazandırır. HTML, web sayfalarının tarayıcılar tarafından doğru bir şekilde görüntülenmesini sağlar.

HTML’nin Temel Kavramları

  • Etiketler: HTML etiketleri, web sayfalarının öğelerini tanımlamak için kullanılır. Etiketler, açılış ve kapanış etiketleri olmak üzere iki bölümden oluşur. Örneğin, bir başlık etiketi açılış etiketi <h1> ve kapanış etiketi </h1> şeklindedir.
  • Öznitelikler: HTML öznitelikleri, etiketlerin özelliklerini tanımlamak için kullanılır. Örneğin, bir resim etiketi src özniteliği ile resmin kaynağı belirtilir.
  • İçerik: HTML içeriği, web sayfalarında görüntülenen metin, resim, video ve diğer öğelerdir. İçerik, etiketler arasında yer alır.

HTML Basit Site Oluşturma Adımları

  1. Bir metin düzenleyici seçin: HTML basit site oluşturmak için bir metin düzenleyici kullanabilirsiniz. Metin düzenleyiciler, HTML kodlarını yazmak ve düzenlemek için kullanılan programlardır.
  2. HTML dosyası oluşturun: Metin düzenleyicinizde yeni bir dosya oluşturun ve dosyayı “.html” uzantısıyla kaydedin.
  3. HTML kodlarını yazın: HTML kodlarını metin düzenleyicinizde yazmaya başlayın. HTML kodlarını yazarken, etiketleri, öznitelikleri ve içeriği doğru bir şekilde kullanmaya dikkat edin.
  4. Web sayfanızı kaydedin: HTML kodlarını yazmayı tamamladıktan sonra, web sayfanızı kaydedin. Web sayfanızı “.html” uzantısıyla kaydedin.
  5. Web sayfanızı görüntüleyin: Web sayfanızı görüntülemek için, web tarayıcınızı açın ve web sayfanızın kaydedildiği dizine gidin. Web sayfanızın adına çift tıklayarak web sayfanızı görüntüleyebilirsiniz.

Faydalı Siteler ve İlgili Dosyalar

  • HTML Öğrenme Merkezi: https://www.w3schools.com/html/
  • HTML Referansı: https://www.w3.org/TR/html5/
  • HTML Eğitimleri: https://www.codecademy.com/learn/learn-html
  • HTML Dosyası Örneği: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

Yayımlandı

kategorisi