Discord sunucumuza tüm üyelerimiz davetlidir! ✨
Html Nedir?
Html (Hyper Text Markup Language) , web siteleri hazırlamak için kullanılan bir dildir. Html öğrenmesi çok kolay ve zevkli bir dildir. Html web sitelerinin olmazsa olmazı'dır. Web sitesi hazırlamak isteyen kişilerin ilk olarak öğrenmesi gereken dil HTML dili'dir.
Html web sitelerinin en temel yapı taşıdır. Tarayıcılar html etiketlerini kullanıcıya görüntülemez fakat sayfanın içeriğini oluşturmak için html etiketlerini kullanır ve kullanıcıya sayfanın içeriğini gösterir.
Html'in son sürümü olan HTML5 web sitesi oluşturmak için sayfanın başına <!DOCTYPE html> etiketi ile açılması gerekir.
Html Dilinin tarihsel gelişimi ise şu şekildedir:
- 1991 yılında Html
- 1994 yılında Html 2
- 1995 yılında Html 3
- 1997 yılında Html 3.2
- 1999 yılında Html 4.0
- 2000 yılında Xhtml 1
- 2014 yılında Html 5
Html kodları nereye yazılır?
Html kodları herhangi bir metin belgesine yazılabileceği gibi özel olarak kullanılan editörlerde de kullanılabilir.Html editörleri Dreamweaver, Sublime Text, Vim, Notepad++ gibi editörlerde de profesyonel olarak yazılabilir.
Html kodları etiketlerden oluşmaktadır. Html etiketi küçüktür (<) ve büyüktür (>) işareti arasına yazılır. Html etiketini kapatırken ise / işareti kullanılır. İlk ve en önemli etiket ise html etiketidir. Html etiketi açılışı <html> , Kapanışı </html> ‘dir. Başka bir etiket kullandığımızda <body> açılır, </body> şeklinde kapatılır.
Html kullanırken en önemli etiketler html, head, body ‘dir. Şimdi bu etiketleri kısaca açıklayalım:
- Html : Html etiketi tüm web sitelerinde kullanılması gereken bir etikettir web sayfaları hazırlamamız için gereken etikettir. Tüm kodlar <html > … </html> etiketleri arasına yazılır. <html> etiketi kodumuzun yazımına başladığımızı gösteren etikettir. </html> etiketi ise kodumuzun bittiğini gösteren etikettir.
- Head: Head etiketi hazırlayacağımız web sitesi ile ilgili bilgilerin bulunduğu title (sayfa başlığı), web siteyi arama motorlarına ve tarayıcılara tanıtmak amacıyla kullanılan meta etiketlerinin bulunduğu etikettir. <head> … </head> etiketleri arasına yazılır. Daha sonra bu etiketi daha detaylı açıklayacağız.
- Body: Body etiketi isminden de anlaşıldığı üzere gövdeyi oluşturur. Bu alanda yazdığımız tüm içerik tarayıcıda görüntülenir. Kullanıcının göreceği tüm içerik <body> … </body> arasına yazılır.
Html kodları nasıl kaydedilir ?
Html kodlarının nasıl yazıldığını adım adım anlatalım.- Metin belgesini açıyoruz
- Gerekli kodlarımızı yazdıktan sonra Dosya --> Farklı Kaydet diyoruz.
- Dosya adı bölümüne vereceğimiz ismin sonuna .html yazarak kaydedebiliriz. Örneğin : sadece1 isimli bir html dosyası oluşturalım kodlarımızı metin belgesine yazdıktan sonra Dosya , Farklı kaydet diyoruz ve Dosya adı yazan bölüme sadece1.html yazarak kaydediyoruz.
- Aşağıda bulunan kodları not defterine yazarak ilk html sayfanızı oluşturabilirsiniz.
HTML Basit Örnek
HTML:
<html>
<head>
<title>Html İlk örnek</title>
</head>
<body>
Merhaba HTML
</body>
</html>