HTML Nedir ve Nasıl Kullanılır?

20.09.2024

Views

HTML Nedir ve Nasıl Kullanılır?

HTML (HyperText Markup Language), web sayfalarını oluşturmak ve yapılandırmak için kullanılan temel bir işaretleme dilidir. İnternette gördüğünüz hemen hemen her web sayfası, HTML kullanılarak oluşturulmuştur. HTML, tarayıcıların web sayfası içeriklerini doğru şekilde görüntülemesini sağlar ve metin, resimler, videolar, bağlantılar gibi çeşitli medya türlerini organize etmek için kullanılır.

HTML’nin Yapısı

HTML, etiketler (tags) kullanarak içerikleri belirler. Her HTML belgesi bir açılış etiketiyle başlar ve kapanış etiketiyle biter. Etiketler, web sayfasındaki öğeleri tanımlamak ve düzenlemek için kullanılır.

Temel HTML Belgesi:

<!DOCTYPE html>

<html lang="tr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>İlk HTML Sayfam</title>

</head>

<body>

<h1>Merhaba, Dünya!</h1>

<p>Bu, basit bir HTML sayfasıdır.</p>

</body>

</html>

Açıklama:

<!DOCTYPE html>: HTML5 standardını belirtir.
<html>: Web sayfasının başlangıcını ve dil ayarını belirtir.
<head>: Sayfa hakkında meta bilgileri içerir (örneğin, karakter seti ve başlık).
<meta charset="UTF-8">: Sayfanın karakter setini belirtir.
<title>: Web sayfasının tarayıcıda görünecek başlığını ayarlar.
<body>: Sayfanın görünen içeriğini içerir.

Temel HTML Etiketleri

Başlıklar: Başlıklar, web sayfasındaki önemli metinleri vurgulamak için kullanılır. 6 farklı başlık seviyesi vardır (<h1>'den <h6>'ya kadar).

<h1>Bu bir ana başlıktır</h1>

<h2>Bu bir alt başlıktır</h2>

Paragraflar: Metinleri paragraflar halinde düzenlemek için kullanılır.

<p>Bu bir paragraf metnidir.</p>
Bağlantılar: Web sayfasında başka sayfalara veya dosyalara bağlantı vermek için kullanılır.

<a href="https://www.example.com">Örnek Web Sitesi</a>
Resimler: Web sayfalarına resim eklemek için kullanılır.

<img src="resim.jpg" alt="Bir resim">
Listeler: Sıralı ve sırasız liste yapmak için iki tür liste vardır:

<img src="resim.jpg" alt="Bir resim">
Listeler: Sıralı ve sırasız liste yapmak için iki tür liste vardır:

Sırasız liste (<ul>):

<ul>
<li>Öğe 1</li>
<li>Öğe 2</li>
</ul>
Sıralı liste (<ol>):
<ol>
<li>Öğe 1</li>
<li>Öğe 2</li>
</ol>

6. Formlar: Kullanıcıdan bilgi almak için kullanılır.

<button type="submit">Gönder</button>

</form>

HTML ile Web Geliştirme

HTML, CSS (Cascading Style Sheets) ve JavaScript gibi diğer teknolojilerle birlikte kullanılarak dinamik ve interaktif web sayfaları oluşturulur. CSS, sayfanın tasarımını ve stilini belirlerken; JavaScript, sayfaya etkileşim katmanını ekler.

Sonuç

HTML, web geliştirmenin temelini oluşturan basit fakat güçlü bir işaretleme dilidir. Modern web teknolojilerinin olmazsa olmazı olan HTML, internette gördüğünüz sayfaların iskeletini oluşturur. Bir kez HTML'yi öğrendikten sonra, web dünyasına giriş yapmış olursunuz ve daha karmaşık yapılar geliştirmek için CSS ve JavaScript gibi teknolojileri öğrenmeye başlayabilirsiniz.

HTML

Comments

You need to log in to be able to comment!

Abdullah Can Erdem

Ben Abdullah Can Erdem, 22 yaşındayım. Lisede web programcılığı okudum ve ardından Erzincan Binali Yıldırım Üniversitesi’nde bilgisayar programcılığı bölümünden mezun oldum. Şu anda hem DGS sınavına hazırlanıyorum hem de 42 İstanbul'da yoğun bir yazılım eğitimi alıyorum. Web geliştirme ve programlama alanında kendimi sürekli geliştirmeye çalışıyor, gelecekte bu alanda daha da ileriye gitmeyi hedefliyorum.

Location

Kocaeli, TR

Education

Bilgisayar Programcılığı - Erzincan Binali Yıldırım Üniversitesi

Web programcılığı - ŞEHİT İBRAHİM KILIÇ MESLEKİ VE TEKNİK ANADOLU LİSESİ

Job Experience

Otomasyon Sektörü - Orions Otomasyon Elektirk Makina Sanayi Ve Ticaret Limited Şirketi

Otomasyon Sektörü - DZD Otomasyon

Mobilya & Aksesuar Sektörü - PANAROMA FATSA MUTFAK SANAYİ VE TİCARET LİMİTED ŞİRKETİ

Elektrik Üretim ve Dağıtımı Sektörü - Kare Mühendislik Elektrik Taahhüt San. Tic. Ltd.Şt

Enerji Üretim ve Dağıtım Sektörü - Egd Elektirik . Elkt. Müh