Web Dünyasının Temeli HTML5
HTML5 Web Sayfanızın Temel Çatısı
Hyper Text Markup Language kelimelerinin kısaltılmasıyla oluşan HTML metin tabanlı işaretleme dili olarak adlandırılır. HTML5 komutları ile resim, video, metin, ses vb. özellikleri müşterilerinizi sayfanıza çekmesini saplar.
Web sitenizin temel çatısını oluşturur. Eğer bir web sitesi hazırlamak istiyorsanız HTML kullanmak zorundasınız. Çünkü tarayıcılar HTML komutları ile çalışmaktadır.
HTML çeşitli sayfalar oluşturmanızı sağlayarak bir sayfadan diğer sayfaya geçiş yapmanızı sağlar. Böylece sayfalar arası köprü kurulmasını sağlar.
HTML5 Genel Yapısı Değişmez
Doküman türünün HTML5 olduğunu gösterir.
<html></html>
Aynı zamanda dosya uzantısı olan html Web sayfasının oluşmasını sağlar. Yanında hangi dili seçmek istiyorsak belirtmemiz gerekiyor. Genellikle lang="en" seçilir.
<head></head>
Sitenin açıklama, anahtar kelime, başlık ve meta etiketinin belirlendiği bölümdür.
<body></body>
Web sayfasında görüntünün oluştuğu kısımdır. Web tarayıcısının açıldığı zaman karşımıza çıkan görüntüdür.
<meta charset="">
ASCII, ANSI, 8859, UTF-8 ve NUMb özelliklerini alabilen karakter seti kümesidir. Genellikle utf-8 karakteri kullanılır.
Web Sitesinin Kaynağını Görüntüleme
Herhangi bir web sitesinin kaynağını görüntülemek istiyorsanız F12 yaparak ulaşabilirsiniz. Diğer bir seçenek ise mouse sağ tıklayarak kaynağı görüntüle diyerek sitenin kaynağını görüntülersiniz. Aşağıdaki örnek verilmek istenirse görüntüyü elde edersiniz.
Web Sayfasını Oluşturmak için IDE
Öncelikle IDE nedir onun üzerinde duralım. Integrated Development Environment kelimelerinin baş harflerini almasıyla yazılımı daha kolay hale getiren araçlar ve yardımlar sunan tümleşik geliştirme ortamı denilir. Her IDE kendisine göre kolaylığı olması sebebiyle kullanıcının tercihine kalmıştır. Amam yine sizlere popüler IDE sıralayacağım:
- Dreamweaver
- Visual Studio Code
- Notepad++
- Atom
- Sublime Text
- Brakcets
- Netbeans
- Visual Studio
IDE indirmek ve kurmak kolaydır. Sizlere indirmek için bağlantıları paylaşıyorum. Resimlerin üzerine tıkladığınız zaman siteye yönlendirileceksiniz.
HTML ile Tarayıcı Dostluğu
Kullanıcıların HTML kodlama yaptıktan sonra render(düzenleme) yaparak tekrar kullanıcıya gösteren yazılımlara tarayıcı diyoruz. Kullanıcı ile Ara yüz arasında işlem görmesini sağlıyor. Bugün kullanılan birçok tarayıcı olmasına rağmen HTML etiketlerini destekleme özelliği ile birkaç önemli tarayıcı vardır. Bunlar Google Chrome, Internet Explorer, Safari, Opera ve Firefox örnek verebiliriz.
Buraya kadar HTML5 ile web dünyasına giriş yapmadan önce nelere ihtiyacımız olacağından bahsettim. Yazımı okudunuz için teşekkür ediyorum ve iyi günler diliyorum.
Yorumlar
Yorum Gönder