html nedir? ne işe yarar?

HTML Nedir? Ne İşe Yarar?

  • blank
  • Posted byby Junior
  • 2 minute read

HTML, web sayfalarını oluşturmak için kullanılan temel bir işaretleme dilidir. “Hypertext Markup Language” olarak adlandırılan HTML, web tarayıcıları tarafından anlaşılabilen bir yapıda metin, resim, bağlantı ve diğer öğeleri düzenlemenizi sağlar.

HTML Temel İşlevleri:

  1. Yapılandırma: HTML, belgeleri yapılandırmak ve içeriklerini organize etmek için kullanılır. Başlıklar, paragraflar, listeler ve tablolar gibi temel yapıları içerir.
  2. Metin Biçimlendirme: Metinlerin biçimlendirilmesi için etiketler içerir. Başlık etiketleri, kalın veya italik metin, numaralı veya sıralı listeler gibi özellikleri belirlemenize olanak tanır.
  3. Bağlantılar (Links): HTML, sayfalar arasında veya farklı siteler arasında bağlantılar oluşturmak için kullanılır. “a” etiketi, bir bağlantı oluşturmak için kullanılır.
  4. Resimler (Images): Web sayfalarına görsel öğeler eklemek için HTML’de “img” etiketi kullanılır. Bu etiket, sayfada resimlerin veya diğer medya dosyalarının görüntülenmesini sağlar.

HTML Temel Yapısı:

HTML dokümanları, başlık, gövde ve ayak kısımlarından oluşan temel bir yapısallığa sahiptir. İşte basit bir HTML belgesinin temel yapısı:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Tema Örneği</title>
</head>
<body>
<header>
<h1>Merhaba, HTML!</h1>
</header>

<nav>
<ul>
<li><a href="#section1">Bölüm 1</a></li>
<li><a href="#section2">Bölüm 2</a></li>
<li><a href="#section3">Bölüm 3</a></li>
</ul>
</nav>

<section id="section1">
<h2>Bölüm 1 Başlık</h2>
<p>Bu bölümde HTML temalarını keşfedin!</p>
</section>

<section id="section2">
<h2>Bölüm 2 Başlık</h2>
<p>HTML etiketleri ve özellikleri hakkında daha fazla bilgi edinin.</p>
</section>

<section id="section3">
<h2>Bölüm 3 Başlık</h2>
<p>Web sayfalarınızı HTML ile güçlendirin ve özelleştirin!</p>
</section>

<footer>
<p>&copy; 2023 HTML Tema Örneği</p>
</footer>
</body>
</html>

HTML5: Yenilik ve İleri Düzey Özellikler

HTML5, HTML standartlarını geliştiren ve zengin medya, grafik ve kullanıcı etkileşimi gibi birçok özelliği ekleyen bir versiyondur. Canvas, video, ses, yerel depolama gibi özellikleri içerir, mobil cihazlarda ve modern tarayıcılarda daha etkileyici web deneyimleri sağlar.

Web Geliştirmeye Adım Atın!

HTML, web geliştirme dünyasının kapısını aralayan temel bir anahtardır. Temel bilgileri edindikten sonra CSS (Cascading Style Sheets) ve JavaScript gibi diğer teknolojilere de hakim olabilir, interaktif ve estetik web siteleri oluşturabilirsiniz. Başlangıç için sabırlı olun, deneyin ve web geliştirme serüveninize başlayın!