Html ile Web İşlemleri 1 - HTML5'e Giriş
HTML5 Nedir?
HTML belgesi bir web sitesinin temel yapısını oluşturur ve genel olarak iki kısımdan oluşur: baş (head) kısmı ve gövde (body) kısmı (Görsel 3.1). Bir ev yapılmadan önce temel atılır ve daha sonra temel üzerine ev inşa edilir. Kaba inşaatı bitmiş ev, HTML olarak düşünülebilir. Sadece HTML kodları ile bir web sitesi oluşturmak mümkündür fakat bu kodlar kaba kodlardır. Web sitesinin görsel açıdan zenginleştirilmesi ve esneklik kazanabilmesi için CSS kullanmak gerekmektedir. HTML, dinamik bir dil değildir. HTML ile web sitelerine resim ve video gibi nesneler eklenebilir, yazılar yazılabilir, köprüler ile sayfaların birbirine bağlanması işlemi gerçekleştirilir.
 |
| Görsel 3.1. HTML Belge Yapısı |
HTML Hakkında
HTML sayfaları oluşturmak için herhangi bir metin düzenleyici kullanılabilir. HTML kod yazımını
kolaylaştıran birçok program mevcuttur. HTML dosyalarının uzantıları .htm veya .html’ dir. İçinde
kod olmayan bir dosya .html uzantısı ile kaydedildiğinde o dosya bir HTML belgesi olur. HTML belgelerine web sayfası veya web dokümanı da denir.
HTML Etiketi
 |
Görsel 3.2. HTML Etiket yapısı |
 |
Görsel 3.3. HTML Etiketinde özellik |
HTML5’in Tanımı ve İşlevleri
HTML5, herhangi bir ölçüye bağlı kalmadan her ekranda web sayfalarının düzgün görüntülenmesini sağlayan web duyarlı bir teknolojidir. HTML5, mevcut HTML4 etiketlerine eklenen yeni bir HTML etiketler kümesidir.
Eski HTML etiketlerinin bazıları geçerliliğini yitirmiş, bazılarının kullanımları daha anlaşılır hâle getirilmiştir. Yeni eklenen HTML etiketleri ile HTML’nin yapabilecekleri artmış ve daha düzenli bir yapıya kavuşmuştur. HTML versiyonları arasında ilk defa özel bir logoya sahip olan versiyon, HTML5 versiyonudur (Görsel 3.4).
HTML birçok platformda çalışmaktadır. HTML güncellemesi bu platformların da güncellenmesini gerektir. Bundan dolayı HTML çok sık ve köklü bir değişiklik yapılarak güncellenmez (Görsel 3.5).
HTML5=HTML + CSS3 + JavaScript APIs.
 |
Görsel 3.4. HTML5 Logosu |
 |
Görsel 3.5. Geçmişten günümüze HTML versiyonları |
Diğer
Html (Hypertext Markup Language), web sayfaları hazırlamak için kullanılan bir dildir. Html komutları herhangi bir metin (text) düzenleme editöründe yazılabileceği gibi, çeşitli web tasarımı editörlerini kullanarak da oluşturulabilir.
Html komutları etiketlerden (tag) oluşur. Html komutları yazılırken aşağıdaki kurallara dikkat edilmesi gerekir;
Html komutları “<” ve “>” işaretleri arasına yazılır. Burada yer alan“< >” etiketleme yapmak için kullanılan işarettir. <etiketadi>……</etiketadi>, <tag>…..</tag>
Html etiketleri yazılırken Türkçe karakterler kullanılmamalıdır.(ş, ç, ö, ü, ı, ğ)
Html komutları büyük küçük harf duyarlı değildir. Başka bir deyişle tümü büyük harflerle açılmış olan bir etiket tümü küçük harflerle yazılan aynı etiket ile kapatılabilir.<body>….</BODY> veya <Html>….</html>
Açılan bir etiket kapatılmalıdır. İlk açılan etiket en son kapatılır ve etiketi kapatma sırasında “/” işareti unutulmamalıdır.
HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır.
Kaydetme işlemi sırasında Dosya-Kaydet seçeneğine tıklanır.
Dosya-Kaydet komutuna tıklandıktan sonra karşınıza gelen Farklı Kaydet penceresinden sırasıyla Dosya Adı ve Dosya türü belirlenir.
2.1.1. <HTML>
<html> etiketi, html kodlarının yazımına başladığımızı gösteren etikettir. Tüm html kodları <html>…</html> arasında yer alır. </html> ile html kodlarının yazımının bittiği anlaşılır. Bu etiketin hiçbir parametresi yoktur.
2.1.2. <HEAD>
Hazırlayacağımız sayfa ile ilgili bilgilerin bulunduğu sayfa başlığı (title), link özellikleri, siteyi tarayıcıya ve arama motorlarına tanıtmak amacıyla kullanılan Meta etiketleri bölümdür.
2.1.3. <BODY>
Html belgesinin tüm içeriğinin yer aldığı bölümdür. Bu bölümde yer alan içeriğin tümü tarayıcıda görüntülenir. Body etiketi ile birlikte kullanılabilecek parametreler ve görevleri aşağıda gösterilmiştir.
2.1.4. <TITLE>
Sayfanın tarayıcıdaki başlığının ne olacağını belirlemek için kullanılır. Title etiketleri <Head>….</Head> etiketleri arasında yer alır.
Aşağıdaki işlem basamaklarını uygulayarak konuyu pekiştiriniz.
İşlem Basamakları
Öneriler
Html dosyası hazırlama programına aşağıdaki kodları yazarak Uygulama1 adında bir HTML belgesi oluşturunuz.
HTML dosyası hazırlamak için kullanılan editörü açınız.
Dosya-Kaydet komutunu çalıştırınız.
Kayıt türü olarak “Tüm Dosyalar” seçeneğini seçiniz.
Dosyanızı kaydediniz.
Hiç yorum yok