Hazır HTML Kodu
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 tarayıcılarının anlayabileceği şekilde metin, resim, bağlantılar, tablolar, form alanları ve diğer unsurların düzenini belirtmek için kullanılır.
HTML Kodunun Temel Yapısı
HTML kodu, etiketler ve içeriklerinden oluşan bir yapıya sahiptir. Etiketler, açılış (<tag>) ve kapanış (</tag>) olarak iki parçadan oluşur ve içerik bu etiketlerin arasına yerleştirilir. Örneğin, bir başlık oluşturmak için <h1>Başlık</h1> şeklinde bir HTML etiketi kullanılır.
Aşağıda, basit bir HTML sayfasının yapısını gösteren bir örnek bulunmaktadır:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Web Sayfası Başlığı</title>
</head>
<body>
<h1>Merhaba, Dünya!</h1>
<p>HTML kodunu öğrenmek harika!</p>
</body>
</html>
Yukarıdaki örnekte, <!DOCTYPE html> ifadesi, sayfanın HTML5 standardını kullanacağını belirtir. <html> etiketi, sayfanın başladığını ve bittiğini belirtir. <head> etiketi, sayfanın başlık bilgilerini içerir, <body> etiketi ise sayfanın görüntülenecek içeriğini içerir.
<meta charset="UTF-8"> etiketi, sayfanın karakter kodlamasını belirtir. <title> etiketi, sayfanın başlığını belirtir ve tarayıcı sekmesinde görüntülenir. <h1> ve <p> etiketleri başlık ve paragraf oluşturmak için kullanılır.
HTML kodu, bu örnek gibi daha karmaşık ve ayrıntılı olabilir. Ancak temelde, etiketler ve içeriklerin birleşimiyle sayfa yapısı oluşturulur.
HTML kodu, web sayfalarını biçimlendirmek ve içeriği düzenlemek için CSS (Cascading Style Sheets) ile birlikte kullanılır. CSS, HTML etiketlerine stil ve görünüm özellikleri eklemek için kullanılır. Bu, sayfanın renkleri, yazı tipleri, boyutları, hizalamaları ve daha fazlasını kontrol etmek için kullanılabilir.
HTML kodunu kullanarak sayfaları oluşturmak, web geliştirme sürecinin temel bir parçasıdır ve web sayfalarının yapısını ve içeriğini belirlemek için önemli bir araçtır.
Hazır HTML Kodu – Devam
HTML Etiketleri ve Örnekleri
HTML, çeşitli amaçlar için birçok farklı etiket sağlar. Aşağıda, sık kullanılan bazı HTML etiketlerine ve örneklerine yer verilmiştir:
<p> Etiketi
<p> etiketi, bir paragraf oluşturmak için kullanılır. Örneğin:
<p>Bu bir paragraftır.</p>
<a> Etiketi
<a> etiketi, bir bağlantı oluşturmak için kullanılır. Örneğin:
<a href="https://www.example.com">Örnek Bağlantı</a>
<img> Etiketi
<img> etiketi, bir resim eklemek için kullanılır. Örneğin:
<img src="resim.jpg" alt="Resim Açıklaması">
<table> Etiketi
<table> etiketi, bir tablo oluşturmak için kullanılır. Örneğin:
<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>
<form> Etiketi
<form> etiketi, bir form oluşturmak için kullanılır. Örneğin:
<form action="/submit" method="post">
<input type="text" name="username" placeholder="Kullanıcı Adı">
<input type="password" name="password" placeholder="Şifre">
<input type="submit" value="Gönder">
</form>
Yukarıda verilen örnekler sadece HTML etiketlerinin birkaç örneğidir. HTML, daha birçok etiket ve özellik içerir. Bu etiketlerin kombinasyonu ile web sayfalarının yapısı ve içeriği oluşturulur.
HTML Kodunun Özellikleri
HTML kodu, bazı temel özelliklere sahiptir:
Anlaşılırlık
HTML kodu, insanlar tarafından kolayca okunabilir ve anlaşılabilir bir yapıya sahiptir. Etiketler ve içeriklerin açık bir şekilde belirtilmesi, kodun anlaşılmasını kolaylaştırır.
Modülerlik
HTML kodu, modüler bir yapıya sahiptir. Etiketlerin ve içeriklerin birleşimiyle oluşturulan bloklar, sayfanın yapısını oluşturmak için bir araya getirilebilir. Bu şekilde, sayfanın düzeni ve içeriği kolayca değiştirilebilir.
Çapraz Tarayıcı Uyumluluğu
HTML, çapraz tarayıcı uyumluluğuna sahiptir. Yani, HTML ile oluşturulan sayfalar çoğu web tarayıcısı tarafından doğru bir şekilde görüntülenebilir. Bu, farklı tarayıcılarda ve cihazlarda tutarlı bir deney
