HTML Temelleri: Başlangıç Rehberi

HTML Temelleri: Başlangıç Rehberi

Merhaba! Ben Fatih Soysal ve bu makalede HTML’in temellerini birlikte öğreneceğiz. HTML (HyperText Markup Language), web sayfalarının temelini oluşturan bir işaretleme dilidir. Bu rehber, HTML’i öğrenmeye yeni başlayanlar için ideal bir başlangıç noktasıdır. Öncelikle, HTML’in ne olduğunu ve ne işe yaradığını anlamamız gerekiyor. Kısaca; HTML, web tarayıcılarının bir sayfayı nasıl görüntüleyeceğini anlatan bir talimatlar bütünüdür. Bu talimatlar, etiketler (tags) kullanılarak verilir.

Temel HTML Etiketleri

Bir web sayfasının temel yapı taşları, HTML etiketleridir. Bu etiketler, açılış ve kapanış tag’leri şeklinde gelir. Örneğin, <p> bir paragrafı başlatır ve </p> ise paragrafı sonlandırır. Aşağıda, sık kullanılan bazı temel etiketler verilmiştir:

• <html>: Tüm HTML belgesini kapsayan en üst düzey etikettir.
• <head>: Başlık bilgileri (title, meta verileri vb.) içerir.
• <body>: Web sayfasının görünür içeriğini içerir.
• <h1> – <h6>: Başlıklar için kullanılır (h1 en büyük, h6 en küçük başlığı temsil eder).
• <p>: Paragraflar oluşturmak için kullanılır.
• <a href="https://fatihsoysal.com">fatihsoysal.com</a>: Bağlantılar oluşturmak için kullanılır. Bu örnekte, fatihsoysal.com adresine bir bağlantı oluşturduk.
• <img src="resim.jpg" alt="Resim Açıklaması">: Resim eklemek için kullanılır. src özniteliği resmin yolunu, alt özniteliği ise resmin açıklamasını belirtir.
• <br>: Satır sonu oluşturmak için kullanılır.
• <ul> ve <li>: Sırasız listeler oluşturmak için kullanılır.
• <ol> ve <li>: Sıralı listeler oluşturmak için kullanılır.

HTML Örnekleri

İşte bu etiketlerin nasıl kullanılacağına dair birkaç örnek:


<html>
<head>
<title>Örnek HTML Sayfası</title>
</head>
<body>
<h1>Başlık</h1>
<p>Bu bir paragraftır.</p>
<a href="https://www.google.com">Google</a>
</body>
</html>


Bu kod, “Örnek HTML Sayfası” başlıklı bir sayfa oluşturur. Sayfada, “Başlık” başlığı ve “Bu bir paragraftır.” paragrafı bulunur. Ayrıca, Google’a yönlendiren bir bağlantı da vardır. Bunu kendi bilgisayarınızda deneyebilir veya çevrimiçi HTML editörleri kullanabilirsiniz. Sonrasında, HTML kodunuzu bir tarayıcıda açarak sonucu görebilirsiniz. Bu sayede, öğrendiklerinizi uygulama şansınız olacak.

Bu bilgilerle, basit HTML sayfaları oluşturmaya başlayabilirsiniz. Daha gelişmiş konular için, daha fazla kaynak inceleyebilirsiniz. Ayrıca, pratik yaparak becerilerinizi geliştirmeniz önemlidir. Bol bol kod yazın ve deneyin!

Umarım bu makale size HTML’in temellerini öğrenmenizde yardımcı olmuştur. Daha fazla bilgi için fatihsoysal.com adresini ziyaret edebilirsiniz. Başarılar!

#Etiketler: HTML, HTML Temelleri, Web Geliştirme, HTML Etiketleri, Web Sitesi Oluşturma, Kodlama, Programlama, fatihsoysal.com