HTML Web Sayfası Oluşturma - Özgürce Yaz

Basit HTML tema, CSS, HTML, HTML başlangıç, HTML etiketleri, HTML web sayfası oluşturma, Temel HTML dersi, Web sayfası nasıl yapılır HTML Web Sayfası Oluşturma Cihat KISA - 2 Ocak 2017

Hiper Metin İşaretleme Dili’nin İngilizcesi olan Hypertext Markup Language’ın kısaltılmış hali yani HTML ile kendi web sayfanızı oluşturabilirsiniz.

Her web sayfasının kullanıcı tarafından görünen kısmını oluşturan HTML, öğrenmesi kolay ve eğlenceli bir metin işaretleme dilidir. Bu eğitim serisiyle HTML hakkındaki temel bilgileri edinmiş olacaksınız.

HTML Etiketleri

HTML’de her şey birer etiket içerisinde yer alır ve bu etiketlerin hepsi farklı görevlere sahiptir. Her etiket [enlighter lang=”html”][/enlighter] işaretleri içerisinde başlar ve [enlighter lang=”html”][/enlighter] işaretleri içerisinde biter. Mesela aşağıdaki örnekte 5. satırda [enlighter lang=”html”][/enlighter] ve [enlighter lang=”html”][/enlighter] etiketi arasında yer alan kısımdaki metinler tarayıcınızın sekmesinde görünecek yazıyı belirler.

Basit Bir HTML Sayfa Örneği:

[enlighter lang=”html”] Sekme Başlığı

Bu bir paragraf alanıdır. Buraya genellikle sayfadaki uzun yazılar gelir.

[/enlighter]

HTML Sayfa Örneğimizi İnceleyelim:

Örneğimizin 1. satırındaki [enlighter lang=”html”][/enlighter] etiketi, dokümanın en başında yer alır ve tarayıcıya bu dokümanın bir HTML dokümanı olduğunu söyler.

2. satırda yer alan [enlighter lang=”html”][/enlighter] etiketiyse içerisindeki metinlerin HTML olduğunu belirtir.

3. satırda HTML sayfamızın üst kısmını oluşturan ve İngilizce baş anlamına gelen [enlighter lang=”html”][/enlighter] etiketi yer alıyor. Bu etiket 5. satır için yukarıda açıkladığım [enlighter lang=”html”][/enlighter] etiketleri gibi sayfanın baş kısmında yer alması gereken etiketleri içerir.

7. satırdan itibaren başlayan ve İngilizce gövde anlamını taşıyan [enlighter lang=”html”][/enlighter] etiketi, HTML sayfanızdaki esas elementleri içerecek kısımdır. Body kısmı, 8. satırda yer alan ve sayfalarda başlık oluşturmaya yarayan [enlighter lang=”html”]

[/enlighter] etiketi ve 9. satırdaki [enlighter lang=”html”]

[/enlighter] paragraf etiketi gibi etiketleri içerisinde barındırır.

HTML Dosyası Oluşturma

Örneğimizi bilgisayarınızda denemeniz oldukça kolay çünkü HTML, her türlü tarayıcıda çalışır ve herhangi bir program yüklenmesi gerekmez.

HTML dosyası oluşturmak için Windows işletim sistemindeki Not Defteri veya benzeri bir metin editörüne örneğimizdeki kodları kopyalayın ve metin dosyasını “metinadi.txt” yerine “metinadi.html” olarak kaydedin. Kaydetmiş olduğunuz dokümanı herhangi bir tarayıcıda çalıştırdığınızda aşağıdaki gibi bir görüntüyle karşılaşacaksınız.

Sık Kullanılan Bazı HTML Etiketleri

En yaygın kullanılan ve sizin de sık sık kullanacağınız bazı HTML etiketlerini aşağıda listeledim. Bunlar HTML’deki etiketlerin tamamı değildir ve tüm HTML etiketlerini görmek için W3.org’un