Html (HyperText Markup Language), web sayfalarını oluşturmak için kullanılan temel bir işaretleme dilidir. İnternetin temel taşlarından biri olan HTML, metinleri, resimleri, bağlantıları ve daha fazlasını düzenlemek için gerekli yapıyı sağlar. Bu makalede, HTML formatında nasıl yapıldığını detaylı bir şekilde ele alacağız ve bazı önemli noktaları vurgulayacağız.
Html Formatında Nasıl Yapılır?
Html formatında bir web sayfası oluşturmaya başlarken, temel yapıyı anlamak önemlidir. HTML, başlangıçta ve bitişte bulunan etiketlerden oluşur ve bu etiketler verilerinizi düzenlemenize yardımcı olur. HTML belgesinin temel yapı taşları şunlardır:
<!DOCTYPE html>
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<h1>Merhaba, Dünya!</h1>
<p>HTML ile yapabileceğiniz birçok şey bulunmaktadır.</p>
</body>
</html>Bu kod parçası, basit bir HTML belgesinin nasıl yapılandırıldığını gösterir. <html> etiketi, belgenin başlangıcını belirtirken, <head> kısmı belgenin başlık, stil ve diğer meta bilgilerini içerir. <body> kısmı ise sayfanın görünür içeriğini tutar.
Html Formatında Nasıl Etiket Kullanılır?
Html formatında etiket kullanmak, içeriklerinizin düzenlenmesi için önemlidir. Bazı temel etiketler şunlardır:
<h1>–<h6>: Başlık etiketleri.<h1>en yüksek düzeyde başlıkken,<h6>en düşük düzeydedir.<p>: Paragraf etiketi. Metinleriniz arasında boşluk bırakarak okunabilirliği artırır.<a>: Bağlantı etiketi. Link oluşturmak için kullanılır.
Örneğin:
<a href="https://betmatik.co">Betmatik</a>Yukarıdaki kod, kullanıcıları Betmatik web sitesine yönlendiren bir link oluşturur.
Html Formatında Nasıl Stil Verilir?
HTML belgelerinde stil vermek için genellikle CSS (Cascading Style Sheets) kullanılır. CSS, sayfanızın görsel düzenini ve tarzını belirler. Aşağıda basit bir CSS örneği bulunmaktadır:
<style>
body {
background-color: #f4f4f4;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
}
</style>Bu düzenlemeler, sayfanın arka plan rengini açık gri yapar ve başlık metninin rengini koyu gri olarak değiştirir.
Html Formatında Nasıl Media Eklenir?
Medya eklemek HTML belgelerinde oldukça kolaydır. Resim, video veya ses dosyası gibi medya öğelerini eklemek için ilgili etiketleri kullanabilirsiniz:
- Resim Ekleme:
<img>etiketi kullanılır.
<img src="resim.jpg" alt="Betmatik Resmi">- Video Ekleme:
<video>etiketi ile video dosyaları eklenebilir.
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Tarayıcınız bu videoyu desteklemiyor.
</video>HTML’de Tablo Oluşturma
Tablolar verileri düzenlemek için harika bir yöntemdir. HTML’de tablo oluşturmak için <table>, <tr> (satır), <th> (başlık), ve <td> (hücre) etiketlerini kullanırız:
<table>
<tr>
<th>Başlık 1</th>
<th>Başlık 2</th>
</tr>
<tr>
<td>Veri 1</td>
<td>Veri 2</td>
</tr>
</table>Html Formatında Nasıl Form Oluşturulur?
HTML formları, kullanıcı etkileşimleri için önemlidir. Aşağıdaki örnek, basit bir form oluşturmaktadır:
<form action="submit.php" method="post">
Adınız: <input type="text" name="name"><br>
Email: <input type="email" name="email"><br>
<input type="submit" value="Gönder">
</form>Sonuç
Web geliştirmeye başlamak için HTML öğrenmek, en temel adımlardan biridir. HTML’de yapmamız gereken çeşitli işlemler, sayfanın tasarımı ve kullanıcı deneyimi üzerinde büyük bir etkiye sahiptir. Daha fazla bilgi için Betmatik web sitesini ziyaret edebilirsiniz. Unutmayın ki sürekli pratik yaparak HTML becerilerinizi geliştirebilirsiniz. 💻✨