Html ile Web İşlemleri 6 - Link ve Script Etiketleri
TEMEL HTML5 ETİKETLERİ
7. <link> Etiketi
Link etiketi, HTML belgesinin başka kaynaklarla olan ilişkisini tanımlar. Simge (icon), stil (style), betik (script) dosyaları ile bağlantı için kullanılır. Bağlantı etiketleri <head> alanında yazılır.
rel özelliği, geçerli sayfa ile bağlantı verilmiş sayfa arasındaki ilişkiyi belirtir. Aşağıda “css” uzantılı bir stil dosyası ve “icon.png” isimli bir simge dosyası ile bağlantı tanımlanmıştır. Link etiketi anlamsız etiketlerden biridir, sadece özellikleri içerir. Genellikle stil sayfalarının belgeye bağlanması için kullanılır.
sizes özelliği HTML5 ile gelen özelliklerden biridir, bağlantı verilen simge için yükseklik ve genişlik değerleri x veya X ile ayrılır
<html>
<head>
<link rel="stylesheet" href="stil.css"/>
</head>
…
Aşağıdaki HTML kodunda link etiketi kullanarak ikon dosyası eklenmiştir.
<!DOCTYPE html>
<head>
<link rel="icon" href="icon.png" sizes="32x32"/>
</head>
…
8. <script> Etiketi
<script> etiketi istemci tarafında çalıştırılacak bir script tanımlar. JavaScript gibi. <script> etiketi içerisinde script ifadeleri olabileceği gibi src özelliği ile harici bir script dosyası çağırılabilir. JavaScript ile HTML belgelerinizi statik bir yapıdan dinamik bir yapıya geçirebilirsiniz. Değişen içerikler, form kontrolleri vb.
Aşağıdaki örnekte “Merhaba Dünya” yazan script kodu eklenmiştir.
<html>
<head>
<title>Script Kullanımı</title>
</head>
<body>
Aşağıdaki HTML kodunda link etiketi kullanarak stil dosyası eklenmiştir.
<script>
document.write(“Merhaba Dünya”);
</script>
<noscript>Tarayıcınız JavaScript desteklemiyor. </noscript>
</body>
</html>
Sıra Sizde
Yukarıdaki script kodlarını kullanarak HTML belgesi oluşturunuz. Farklı web sayfası kodlarını inceleyip <script> kullanılıp kullanılmadığını tespit ediniz.
Modüler Sistem Konuları
3.2. Görünüm Düzenleme Etiketleri
3.2.1. <HR>
<HR> etiketi sayfaya yatay çizgi çizmek için kullanılan etikettir. Bu etiket diğer etiketlerden farklı olarak kapatılmaz. Size, width ve align parametreleri mevcuttur.
Size, çizilen çizginin kalınlığını belirlemek için kullanılır.
Width, çizginin sayfadaki uzunluğunu belirlemek için kullanılır.
Align, çizginin sayfada yer alacağı konumunu (sağa hizalı, sola hizalı, ortalanmış) belirlemek için kullanılır.
Örnek:
<hr size=“6” width=”200” align=“center”>
Ö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
3.1.5.
Enter tuşu görevini görür. Bir alt satıra geçmek için kullanılır. Bu etiket kapatılmaz. Örnek: Ey Türk Gençliği! Birinci vazifen, Türk istiklâlini, Türk Cumhuriyetini, ilelebet, muhafaza ve müdafaa etmektir.etiketi sayfaya yatay çizgi çizmek için kullanılan etikettir. Bu etiket diğer etiketlerden farklı olarak kapatılmaz. Size, width ve align parametreleri mevcuttur. Size, çizilen çizginin kalınlığını belirlemek için kullanılır. Width, çizginin sayfadaki uzunluğunu belirlemek için kullanılır. Align, çizginin sayfada yer alacağı konumunu (sağa hizalı, sola hizalı, ortalanmış) belirlemek için kullanılır. Örnek:
Hiç yorum yok