HTML’i 2 Dakikada Öğrenin!
Merhaba! Ben Fatih Soysal ve bu makalede, HTML’i hızlıca öğrenmenize yardımcı olacağım. İşte temel yapı taşları:
Temel HTML Yapısı
Her HTML belgesi <html> etiketiyle başlar ve biter. İçerisinde <head> ve <body> olmak üzere iki ana bölüm bulunur. <head> bölümü, başlık, meta veriler ve stil bilgileri gibi görünmeyen içeriği taşır. Öte yandan, <body> bölümü, kullanıcının gördüğü içeriği barındırır.
<html>
<head>
<title>Başlık</title>
</head>
<body>
<p>Bu bir paragraftır.</p>
</body>
</html>
Önemli Etiketler
İşte web sayfanızı oluşturmak için kullanacağınız bazı temel etiketler:
<p>: Paragraf oluşturur.<h1>–<h6>: Başlıklar oluşturur (<h1>en büyük,<h6>en küçük başlıktır).<a href="https://fatihsoysal.com">: Bağlantı oluşturur (hrefözelliği bağlantı adresini belirtir).<img src="resim.jpg" alt="Resim Açıklaması">: Resim ekler (srcözelliği resim dosyasının adresini,altözelliği ise resim açıklamasını belirtir).<br>: Satır sonu oluşturur.<div>: İçeriği gruplandırmak için kullanılır.<span>: İçeriğin küçük bir bölümünü stillemek için kullanılır.
Bu etiketleri kullanarak, metin, resim ve bağlantılar içeren basit bir web sayfası oluşturabilirsiniz. Daha gelişmiş özellikler için CSS ve JavaScript öğrenmeniz gerekecektir. Ancak, bu temel bilgilerle bile oldukça etkileyici web sayfaları oluşturabilirsiniz. Örneğin, aşağıda basit bir HTML örneği bulunmaktadır:
<html>
<head>
<title>Örnek Web Sayfası</title>
</head>
<body>
<h1>Hoş Geldiniz!</h1>
<p>Bu benim ilk web sayfam.</p>
<img src="https://via.placeholder.com/150" alt="Örnek Resim">
<a href="https://www.w3schools.com">W3Schools</a>
</body>
</html>
İşte bu kadar! Umarım bu hızlı rehber, HTML’in temellerini anlamanıza yardımcı olmuştur. Daha detaylı bilgi için W3Schools sitesini ziyaret edebilirsiniz. Ayrıca, daha kapsamlı bilgiler için fatihsoysal.com sitesini inceleyebilirsiniz. Başarılar!
#Etiketler: HTML, web geliştirme, html öğrenme, hızlı rehber, web sitesi yapımı, etiketler, paragraf, başlık, bağlantı, resim