Html ile Web İşlemleri 7 - Body ve Yorum Etiketleri
TEMEL HTML5 ETİKETLERİ
9. <body> Etiketi
<body> etiketi belgenin bedenini tanımlar ve başlık, paragraf, görüntü, köprü, tablo, liste gibi tüm görünür içerik için bir kap oluşturur. <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 de <html> ve <head> etiketleri gibi tüm belge içeriğinde sadece bir kez kullanılır. HTML belgesi şematik yapısı aşağıdaki gibidir.
<html>
<head>
<meta charset="utf-8">
<title>Html yapısı</title>
<style>
<!-- Sitil kodları -->
</style>
</head>
<body>
<!-- Sayfa içi kodları -->
</body>
</html>
<body> etiketi bir kutu gibidir, bu kutuya web sayfasında bulunmasını istediğimiz her eleman düzgün bir şekilde atılır. Kutuda bulunan her elemanı tarayıcı ekranı görüntüleyecektir (Şema 3.1).
10. <!-- yorum --> Etiketi
Kod yazılırken kodların yanına bu kodun ne olduğunu ya da neden kullanıldığını hatırlamak için yorumlar eklenir. Kodlar üzerinde birden fazla kişi çalıştığında önemli olduğu düşünülen, unutulabilecek kodlar var ise açıklama yazılabilir. Bunun için <!-- açıklama --> şeklinde yazılan yorum etiketi kullanılır. Yorum etiketleri yazmak kodların anlaşılmasını kolaylaştırır. Yorum etiketleri, HTML belgesinin tüm bölümlerinde kullanılabilir. Yorum etiketlerindeki açıklamalar, tarayıcı ekranında görünmez; kodu inceleyen kişiler tarafından okunabilir. Açıklama satırları bir veya birkaç kelime olabileceği gibi sayfalarca da olabilir. Yorum etiketlerinin diğer HTML etiketleri gibi özellikleri bulunmaz.
Aşağıdaki örnekte açıklama satırı kullanılmıştır.
<!-- Bu bir açıklama satırı -->
Aşağıdaki örnekte yorum satırı kullanılmıştır.
<!-- Değerler, toplumdaki bireylerin korumaları veya göz ardı etmeleri neticesinde ya zamanla kaybolur veya nesilden nesile aktarılarak yıllarca devam ettirilebilir. Birçok toplum tarafından kabul gören ve yıllarca sürdürülen genel (evrensel) değerler incelendiğinde ise karşımıza, liderlik, doğruluk, ahlak, adalet, sorumluluk ve yardımseverlik gibi bireyi ideal insan olma çizgisine yönlendiren değerler çıkmaktadır. Kişiler, dâhil oldukları grup, toplum ve kültür değerlerini genellikle benimseyerek, bunları kendi muhakeme ve seçimlerinde birer ölçüt olarak kullanırlar (Dilmaç, 2009, s.29).
Toplumlar, birçok yönden birbirlerinden farklılıklar göstermişler, ideal insan oluşturma yönündeki değerleri daima önemsemiş ve her dönem yaşatmaya çalışmışlardır. Günümüz toplumlarında, bu tarz üstün değerlerin yaşatılması ve yeni nesillere aktarılması görevini üstlenen kurumlar arasında okullar da yer alır (Belet, 2008, s.2). Bilişsel hedeflerinin yanında vatansever olmak, saygılı olmak, dürüst olmak ve adil olmak gibi birçok duyuşsal hedefi olan okulların görevlerinden biri, okul programında açık olarak belirtilen veya belirtilmeyen değerleri öğretmek, öğrencileri belirlenen kurallar doğrultusunda disipline etmek, onların ahlaki gelişimlerine katkıda bulunmak ve karakterlerini olumlu yönde etkilemektir (Akbaş, 2008, s.9) -->
Modüler Sistem Konuları
3.1.7. etiketi, kullanıldığı yerdeki metinlerin renk, boyut, yazı tipi gibi özelliklerini değiştirmek için kullanılır. Size, color ve face parametreleri ile kullanılabilir. Size: Yazının büyüklüğünü belirlemek için kullanılır(1-7 arası değerler alır.). Örnek: Merhaba Merhaba Merhaba Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır. Size parametresine -1, +2 gibi değerler verilerek de metnin büyüklüğü verilen değer kadar arttırılıp eksiltilebilir (Burada font büyüklüğü 1 eksiltilip, 2 arttırılmıştır.). Color: Yazı tipi etiketi içerisinde metnin rengini değiştirmek için kullanılır. Kullanmak istediğiniz rengi, ismi veya kodu ile belirterek metin üzerinde renk değişikliği yapabilirsiniz. Örnek: Merhaba Merhaba Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır. Face: Yazı tipi karakter biçiminde değişiklik yapmak için kullanılır. Örneğin Face=" Times New Roman" parametresi kullanıldığında yazı tipi Times New Roman olacaktır. Merhaba Burada yazı tipi olarak “Algerian” yazı tipi kullanılmıştır. Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.
Örnek Uygulama
İşlem Basamakları Öneriler Tarayıcıda aşağıdaki ekran görüntüsünü verecek html kodlarını yazınız. , ,,,
etiketlerini kullanınız. Aşağıdaki kodları yazınız. HTML dosyası hazırlama editörünü açınız. Sayfayı uygulama3.html olarak kaydediniz. Dosya adı:Uygılama3.html Kayıt Türü: Tüm Dosyalar
Hiç yorum yok