Kategori: HTML , 25 Ekim 2019 , JanFranco
Bir önceki yazımda genel web sayfası yapısından bahsetmiştim. Bu yazımda ise sayfalardaki yazılardan bahsedeceğim.
Hemen hemen girdiğimiz her websitesinde bir paragraf mevcutsa, bir başlık da mevcuttur. HTML'de başlıklar için h yani heading etiketini kullanırız. 6 farklı başlık seviyesi mevcuttur. h1, h2 ... şeklinde gider. h1 ile tanımlanan başlıklar en büyük başlıklardır yani main heading diyebiliriz. h2 ile tanımladığımız başlıklar, ana başlıkların alt başlıkları olarak düşünülebilir. Daha küçük başlıklar için 3, 4, 5, 6 değerlerini de kullanabiliriz. Bir örnek görelim:
Paragraflar için p yani paragraph etiketini kullanabiliriz. Birden çok paragraf yazdığımız durumlarda her bir paragraf için ayrı bir p etiketi kullanmalıyız. Böyle bir kullanımda her paragraf arasında boşluk da bırakmış oluruz:
A paragraph consists of one or more sentences that form a self-contained unit of discourse. The start of a paragraph is indicated by a new line.
Text is easier to understand when it is split up into units of text. For example, a book may have chapters. Chapters can have subheadings. Under each heading there will be one or more paragraphs.
Yazdığımız yazıları kalın ve italik hale getirmek için b ve i etiketlerini kullanabiliriz. Bu etiketler sadece yapısal değişiklik sağlar. Anlamda bir değişiklik olmaz. Örneğin b/a word/b şeklinde bir kullanım yaptığımızda, "a word" metninin kalınlaştırmış oluruz. Bu yapısal bir değişikliktir. Kelimenin, yazının anlamında bir değişiklik olmaz. Bu dediğimiz birazdan daha iyi anlayacağız, b ve i etiketleri ile bir örnek yapalım:
Captain Cook sailed to Australia on theEndeavour.
sup ve sub etiketleri ile üst ve alt karakter tanımlayabiliriz. Bir sayının üslü ifadesini veya bir elementi belirtirken kullanabiliriz:
Bir alt satıra geçmek için br etiketini, bir alt satıra geçip arada uzun düz bir çizgi bırakmak için hr etiketini kullanabiliriz:
Yukarıda bahsettiğim tüm özellikler yapısal değişikliklerdi. Bir metni kalınlaştırmak, italikleştirmek, yeni satıra geçmek, paragraf belirtmek gibi. Şimdi göreceğimiz özellikler anlamsal değişiklikler sağlayacak. Bir metnin önemini vurgulamak için strong etiketini, bir metinde vurgulanması gereken kısmı belirtmek için em etiketini kullanırız:
Uzun alıntılar için blockquote etiketini, cümle içindeki alıntılar için q etiketini kullanabiliriz:
Eğer kısaltma kullanıyorsak, bu kısaltmanın açılımını, mouse ile kısaltmanın üzerine gelindiğinde çıkan pencerede belirtebiliriz. Bunun için abbr etiketini kullanırız:
Bir kitabı, filmi vs. referans gösteriyorsak cite etiketini kullanabiliriz. Ayrıca metinde yeni bir terim kullanıyorsak dfn etiketleri içerisinde belirtebiliriz. Tekrar hatırlatayım, anlamsal değişiklik yaratan özellikleri inceliyoruz. Tarayıcılar genellikle cite etiketleri arasında yazılan metinleri italik gösterir, dfn etiketleri içerisindeki yazılarda ise gözle görülür herhangi bir değişiklik olmaz.
Adres belirtirken address etiketini kullanabiliriz:
Metne yeni bir kelime eklediğimizi vurgulamak için ins, sildiğimizi vurgulamak için del etiketlerini kullanabiliriz. Kullandığımız bir ifadening artık gerçek olmadığını vurgulamak için ise s etiketini kullanabiliriz. Örnek görelim:
Sonraki Yazı: Creating Lists