HTML Nedir?HTML Ne İşe Yarar?

HTML Nedir?
HTML (HyperText Markup Language), web sayfalarının oluşturulması ve yapılandırılması için kullanılan bir işaretleme dilidir. HTML, web tarayıcıları tarafından okunabilen ve yorumlanabilen metin tabanlı bir dil olarak tasarlanmıştır. Web sayfalarının içeriğini, yapısını ve görüntülenme şeklini tanımlamak için kullanılır.
HTML, birkaç temel bileşenle çalışır:
Etiketler (Tags): HTML belgesinin yapı taşları olan etiketler, açılış (<tag>) ve kapanış (</tag>) etiketleri olmak üzere çiftler halinde gelir. Her etiket, belirli bir işlevi temsil eder. Örneğin, "<h1>" etiketi bir başlık belirtirken, "<p>" etiketi bir paragrafı tanımlar.

İçerik (Content): Etiketlerin içerisine yerleştirilen metin veya diğer medya öğeleri, web sayfasının görüntülenen içeriğini oluşturur. Örneğin, "<p>Bu bir paragraf metni</p>" ifadesindeki "Bu bir paragraf metni" içerik olarak kabul edilir.

Öznitelikler (Attributes): Etiketlere eklenen öznitelikler, etiketlerin davranışını ve özelliklerini belirler. Öznitelikler, genellikle etiketin açılış etiketi içinde tanımlanır. Örneğin, "<a href=" ">Bağlantı metni</a>" ifadesindeki "href" özniteliği, bağlantının hedef URL'sini belirtir.

HTML, web sayfalarını yapısallaştırmak ve tarayıcılar tarafından düzgün bir şekilde görüntülenmesini sağlamak için kullanılır. Ayrıca, CSS (Cascading Style Sheets) ve JavaScript gibi diğer teknolojilerle birlikte kullanılarak web sayfalarının stilini ve işlevselliğini geliştirmeye yardımcı olur. HTML, web geliştiricilerinin web sayfalarını oluşturmak, düzenlemek ve özelleştirmek için temel bir araçtır.

HTML Ne İşe Yarar?
HTML (HyperText Markup Language), web sayfalarının oluşturulması ve yapılandırılması için kullanılan bir işaretleme dilidir. HTML'nin başlıca işlevleri şunlardır:

Yapı ve İçerik Belirleme: HTML, bir web sayfasının temel yapısını ve içeriğini belirlemek için kullanılır. Başlık, paragraf, resim, bağlantı, liste, tablo ve daha birçok öğeyi tanımlamak ve düzenlemek için HTML etiketleri kullanılır.

Metin Biçimlendirme: HTML, metni biçimlendirmek için kullanılır. Başlık etiketleri, alt başlıklar, kalın ve italik metinler gibi metin biçimlendirme özellikleri sağlar.
Bağlantılar ve Navigasyon: HTML, diğer web sayfalarına veya kaynaklara yönlendiren bağlantılar oluşturmanızı sağlar. Bu, kullanıcıların web sayfaları arasında gezinmesini kolaylaştırır.
Resim ve Medya Gösterme: HTML, resimler ve diğer medya öğelerini web sayfalarına eklemek için kullanılır. "img" etiketi ile resimler, "audio" ve "video" etiketleri ile ses ve video dosyaları eklemek mümkündür.
Listeler Oluşturma: Sırasız (ul) ve sıralı (ol) listeler gibi listeleri oluşturmak ve düzenlemek için HTML etiketleri kullanılır.
Formlar ve Giriş Alanları: HTML, web sayfalarında formlar ve giriş alanları oluşturmanıza olanak tanır. Bu, kullanıcıların bilgi göndermesini veya web sayfasında etkileşimde bulunmasını sağlar.
Tablolar: HTML ile tablolar oluşturabilirsiniz. Bu, verileri düzenlemek ve düzgün bir şekilde sunmak için kullanışlıdır.
Meta Bilgileri: HTML, web sayfası için meta bilgileri eklemek için kullanılır. Bu, arama motorlarına sayfanın içeriği hakkında bilgi vermek ve sayfa başlığı, açıklaması ve anahtar kelimeleri belirlemek için kullanılır.
Semantik Web: HTML, web sayfalarını daha anlamlı hale getirir ve içeriklerin anlamını tanımlar. Bu, web sayfalarının daha iyi anlaşılmasını ve taranmasını sağlar.
Mobil Uyumluluk: HTML, mobil cihazlarda düzgün görüntülenmek için kullanılır. Responsive tasarım teknikleri ile birleştirilerek, web sayfaları farklı ekran boyutlarına uyumlu hale getirilebilir.
HTML, web geliştiricilerinin web sayfalarını oluşturmak, düzenlemek ve yapılandırmak için temel bir araçtır. Ayrıca, CSS (Cascading Style Sheets) ve JavaScript gibi diğer web teknolojileri ile birlikte kullanılarak daha karmaşık ve işlevsel web siteleri oluşturulabilir.

HTML İle Website Kurulumu
HTML ile bir websitesi oluşturmak için aşağıdaki temel adımları takip edebilirsiniz:
Bir Metin Düzenleyici Seçin: HTML kodlarını yazmak için bir metin düzenleyici (text editor) seçmelisiniz. Bilgisayarınızda varsayılan olarak bulunan Notepad (Windows) veya TextEdit (Mac) gibi temel metin düzenleyicileri kullanabilirsiniz. Ayrıca, daha gelişmiş özelliklere sahip metin düzenleyicileri veya entegre geliştirme ortamları (IDE) kullanabilirsiniz, örneğin Visual Studio Code, Sublime Text veya Atom gibi.
HTML Temel Yapısını Oluşturun: Bir HTML belgesi oluşturmak için temel yapısını şu şekilde tanımlayın:

html
Copy code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Website Başlığı</title>
</head>
<body>
<!-- Web sayfanızın içeriği buraya gelecek -->
</body>
</html>
Bu temel yapının içerisine web sayfanızın içeriğini ekleyeceksiniz.

Başlık Belirleyin: <title> etiketi içinde web sitenizin başlığını belirleyin. Bu başlık, tarayıcı sekmesinde görünen metni temsil eder.

Metin İçeriği Ekleyin: Web sayfanızın ana metin içeriğini eklemek için <body> etiketi içinde HTML etiketleri kullanarak paragraflar, başlıklar, resimler ve diğer içerikleri ekleyin. Örneğin:

html
Copy code
<body>
<h1>Hoş Geldiniz!</h1>
<p>Web sayfamızın içeriği burada yer alacak.</p>
<img src="resim.jpg" alt="Resim Açıklaması">
</body>
Bağlantılar Ekleyin: Diğer sayfalara veya kaynaklara bağlantılar eklemek için <a> etiketini kullanabilirsiniz. Örneğin:
html
Copy code
<a href="sayfa2.html">Diğer Sayfa</a>
Resimler Ekleyin: Resim eklemek için <img> etiketini kullanabilirsiniz. "src" özniteliği resim dosyasının yolunu belirtir.

CSS ile Stil Ekleyin (Opsiyonel): Web sitenizin görünümünü özelleştirmek için CSS (Cascading Style Sheets) kullanabilirsiniz. CSS ile renkler, yazı tipleri, düzenler ve diğer stil özellikleri tanımlanabilir.

JavaScript Ekleyin (Opsiyonel): Web sitenize interaktivite eklemek için JavaScript kullanabilirsiniz. JavaScript, kullanıcı etkileşimleri, form doğrulama ve diğer dinamik özelliklerin uygulanmasına yardımcı olabilir.

Web Sunucusuna Yükleyin: HTML dosyanızı bir web sunucusuna yükleyin. Web sitenizin yayınlanması için bir web hosting hizmeti kullanabilir veya kendi sunucunuzda barındırabilirsiniz.

Tarayıcıda Görüntüleyin: Web sayfanızı tarayıcınızda açarak sonuçları gözlemleyin. HTML dosyanızı tarayıcıda açmak için dosyayı tarayıcının adres çubuğuna sürükleyebilir veya dosyayı tarayıcı ile açabilirsiniz.

Bu temel adımları takip ederek HTML ile bir websitesi oluşturabilirsiniz. Daha sonra CSS ve JavaScript gibi teknolojileri kullanarak web sitenizin tasarımını ve işlevselliğini geliştirebilirsiniz.

Teşekkürler