HTML'e giriş (1)...

? Okuma Hesaplanıyor... Okuma: %0

Gidenler.Me | Her yol bir hikaye... » Programlama Dersleri

HTML'e giriş (1)...

Yazar Hasan | 374 Okuma | 02-10-2024, 03:39 PM

HTML'e Başlarken

HTML çok eğlenceli bir konu olup basit bir web sitesi hazırlarken, nelere dikkat etmemiz gerekiyor, görsel olarak bir resim veya yazıyı nasıl şekillendiriyoruz bunları yaparken hangi etiketi kullanıyoruz gibi sorulara cevap aradığımız yerdir. Kullanımı basit olan bu betik dilde basit ingilizceniz varsa kalıpları siz bile oluşturabilirsiniz Smile

Tabi bu konuda bilmemiz gereken bazı terimler var:
- Etiket, < işareti ile başlayıp "özelliğin ne olduğunu" belirten ve > işareti ile biten bir terimdir. Örneğin <head> bir HTML etiketidir.
- Browser, Etiketleri okuyan ve görselleştiren uygulamaların kategorisinin adıdır. Örneğin internette gezinirken kullandığınız Google Chrome, Opera, Safari, Mozilla vs.
- Editör, Kod yazdığımız uygulamaya denir. Ben Macbook kulandığımdan size CotEditor'u öneririm daha gelişmişini kullanan varsa sorun yok onu da kullanabilirsiniz. Windows içinse Notepad++ en beğendiğim uygulamadır.

Ufak bir bilgilendirme yaptığıma göre hadi HTML'e başlayalım Wink

HTML nedir?yazılacak yazı
- HTML, Hyper Text Markup Language yazılımın ilk harflerinden oluşan ve tam çevirisi olamamakla beraber "hareketli yazıların işaretleme dili" diye çevirebiliriz.
- HTML, Web sayfaları oluşturmak için standart işaretleme dilidir. Bir text(yazı) dosyası olmakla beraber "markup tags" (işaretlenmiş etiketler) içerir.
- HTML öğeleri(Markup tag'ler) web tarayıcınıza sayfanın nasıl gösterileceğini gösterir.
- Bir HTML dosyası basit bir text editör ile oluşturulabilir.

Örnek Etiketler
<!DOCTYPE html> etiketi, bu sayfanın bir HTML5 belgesi olduğunu tanımlar.
<html> etiketi bir HTML sayfasının temel öğesidir. Bu olmadan HTML sayfasından bahsedemeyiz.
<head> etiketi HTML sayfası hakkında meta bilgileri içerir.
<title> etiketi HTML sayfası için bir başlık belirtir (bu başlık tarayıcının sekme çubuğunda veya sayfanın sekmesinde görünür).
<body> etiketi belgenin gövdesini tanımlar ve tüm görünür içerikleri, başlıkları, paragrafları, resimleri, bağlantıları, tabloları, listeleri vb. içeren bir sayfanın ana bölümüdür.
<h1> etiketi büyük bir başlık tanımlar
<p> etiketi bir paragraf tanımlar.

HTML Etiketi Nedir?

Bir HTML öğesi, bir başlangıç etiketi, içerik/içerikler ve bir bitiş etiketi ile tanımlanır.

<etiketadı> İçerik buraya yazılır </etiketadı>

HTML öğesi, başlangıç etiketinden bitiş etiketine kadar olan her şeydir:

<h1>İlk Başlığım</h1>
<p>İlk paragrafım.</p>

Uyarı"Bir HTML öğesi, bir başlangıç etiketi, içerik/içerikler ve bir bitiş etiketi ile tanımlanır." dedik ancak bunun istisnalarıda var bunlardan aklıma ilk geleni <br /> alt satıra geç etiketidir. Bunun başlangıç etiketi var ama bitiş etiketi yoktur.

Web Tarayıcıların Kullanım Amacı

Bir web tarayıcısı(browser)nın (Chrome, Edge, Firefox, Safari,...) amacı, HTML belgelerini okumak ve bunları doğru şekilde görüntülemesini sağlamaktır.

Bir tarayıcı, HTML etiketlerini göstermez, ancak sayfanın nasıl görüntüleneceğini belirlemek için kullanılır.

PHP Kod:
<!DOCTYPE html>
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Bu benim ilk sayfam <b>Bu metin koyu</b>
</body>
</html> 

Yukarıda yazılan etiketlerin ekran görüntüsü:
[Resim: qel5w5e.png]

Resimde de görüldüğü gibi, <body> etiketleri arasına yazılan içerikler tarayıcıda görüntüleniyor. <title> etiketi içindeki içerik tarayıcının başlık çubuğunda veya sayfanın sekmesinde görüntülenmektedir.

HTML'in Tarihçesi

Dünya çapında Web'in ilk günlerinden beri, HTML'nin birçok sürümü yayınlanmış güncel olan versiyonu ise HTML5'tir.

Yıl ve Versiyon
1989, Tim Berners-Lee invented www
1991, Tim Berners-Lee invented HTML
1993, Dave Raggett drafted HTML+
1995, HTML Working Group defined HTML 2.0
1997, W3C Recommendation: HTML 3.2
1999, W3C Recommendation: HTML 4.01
2000, W3C Recommendation: XHTML 1.0
2008, WHATWG HTML5 First Public Draft
2012, WHATWG HTML5 Living Standard
2014, W3C Recommendation: HTML5
2016, W3C Candidate Recommendation: HTML 5.1
2017, W3C Recommendation: HTML5.1 2nd Edition
2017, W3C Recommendation: HTML5.2

İlk HTML dersimizi tamamladık, yeni bir derste görüşmek üzere kendinize iyi bakın dostlar Smile

Konuyu Dinle

Okuma hızı:

Hazır. Konuyu dinlemek için Oynat'a basın.

Programlama Dersleri

Yazarımız Hasan hakkında: Adım Hasan, ama bir dönem MyBB kullananlar beni Yondaime nicki ile tanırdı. 2009 da başladı web maceram, MyBB, Wordpress, Matematik, Adalet, Bilgisayar Programcılığı, derken şimdide burada bir şeyler yapmaya çalışıyorum :)

Yazıya herhangi bir yorum yapılmadı

Hızlı Cevap

Güvenlik Kodu:
Lütfen, resmin üzerindeki harf ve rakamlardan oluşan Güvenlik Kodunu, aşağıdaki metin kutusuna giriniz.

(Büyük/Küçük harf duyarsız)

Konuyu Yazdır

Hoşgeldiniz...

Hoşgeldin, Ziyaretçi:
Sitemize üye iseniz buradan oturum açabilirsiniz :)
Hala üye değil misiniz? Ücretsiz üyelik hesabı alın!

Reklam

Kategoriler

Yasal Uyarı

Bu internet sitesi içeriğinde yer alan tüm yazılar Gidenler.Me’ye ait olup, 5846 sayılı Fikir ve Sanat Eserleri Kanunu ve 5237 sayılı Türk Ceza Kanunu kapsamında korunmaktadır. Bu hakları ihlal eden kişiler, 5846 sayılı Fikir ve Sanat eserleri Kanunu ve 5237 sayılı Türk Ceza Kanununda yer alan hukuki ve cezai yaptırımlara tabi olurlar. Gidenler.Me, ilgili yasal işlem başlatma hakkına sahiptir. Gidenler.Me Blog'da yer alan tüm yazılar/makaleler bilgi edinme amacı ile sınırlı olup Gidenler.Me'den izin alınmaksızın değiştirilemez, çoğaltılamaz, yayımlanamaz, dağıtılamaz, umuma iletilemez, başka bir lisana çevrilemez.