Anasayfa / Web Tasarım / HTML / HTML Metin Düzenleme Ve Link Ekleme Etiketleri (Ders 7)

HTML Metin Düzenleme Ve Link Ekleme Etiketleri (Ders 7)

<a href=””>

Sayfamıza köprü (link) eklemek için kullanılır. Seçilen metin etiket arasına yazılır. Href özelliğinin içerisine eklemek istediğimiz url yazılır. Bazı özellikleri:

  • Target: Link’in üzerine tıklandığında açılacak olan sayfanın nerede açılacağını belirtir.
    • _blank : Bağlantıyı yeni sekmede açar.
    • _self : Bağlantıyı aynı sekme içerisinde açar. (Eğer bir target seçeneği belirlemezseniz bu seçenek aktif olacaktır. Varsayılan seçenektir.)
    • _parent : Bağlantıyı sayfanın üst kısmında gösterir.
    • _top : Bağlantıyı sayfanın gövdesinde açar.
    • framename : Bağlantıyı belirlediğiniz bir çerçevede açar.

<font>

Yazımızda görsel düzenleme imkanı sunar. Bazı özellikleri:

  • Color: Yazının rengini belirler.
  • Size: Yazımıza 1-7 arasında verdiğimiz değerler ile boyut kazandırır.

<b>

Yazımızın seçtiğimiz kısımlarının kalın (bold) görünmesini sağlar.

<i>

Yazımızın seçtiğimiz kısımlarının eğik (italik) görünmesini sağlar.

<u>

Yazımızın seçtiğimiz kısımlarının altı çizili görünmesini sağlar.

<s>

Yazımızın seçtiğimiz kısımlarının üzeri çizili görünmesini sağlar.

<q>

Yazımız içerisindeki alıntı yapılan sözleri belirtir. Belirttiğimiz kısımlar <q> etiketi sayesinde çift tırnak içerisinde gösterilir.

<strong>

Yazımızın seçtiğimiz kısımlarının güçlü görünmesini sağlar. Html5 ile gelen <b> bu etiketin yerini almış diyebiliriz. Ancak <strong> etiketi hala kullanıma açıktır.

<code>

Yazımızın seçtiğimiz kısımlarının kod görünümünde olmasını sağlar.

<cite>

Eser adlarını belirtmek için kullanılır. Eser adları italik yazılır.

<small>

Yazımızın seçtiğimi kısımlarının boyutunun küçük olmasını sağlar.

<mark>

Yazımızın seçtiğimiz kısımlarının fosforlu kalem ile çizilmiş gibi görünmesini sağlar.

<dfn title=””>

Kısaltmaların açılmış halini veya herhangi bir açıklamayı yazmak için kullanılır. Kullanıcı görünümü fare imleci belirttiğimiz yazının üstüne geldiğinde görünecek şekildedir. Gösterilecek olan açıklama title özelliği içerisine yazılmalıdır.

<time>

Yazımızın seçtiğimiz kısımlarının zamanı belirttiğini gösterir. Ayrıca datetime özelliği kullanarak tarayıcıların, robotların vs. tarih bildirilebilir. Ancak datetime içerisine yazılanlar kullanıcı tarafından görünmez.

<sub>

Yazımızın seçtiğimiz kısımlarının alt indis olarak görünmesini sağlar.

<sup>

Yazımızın seçtiğimiz kısımlarının üst indis olarak görünmesini sağlar.

Bu dersimizde gördüklerimizi aşağıdaki örnek ile pekiştirelim:

<pre>

<a href="https://webgemisi.com" target="_blank">blank örneği</a>
<a href="https://webgemisi.com" target="_self">self örneği</a>
<a href="https://webgemisi.com" target="_parent">parent örneği</a>
<a href="https://webgemisi.com" target="_target">target örneği</a>

<font color="red" size="3">Merhaba Dünya</font>
<b>Bu yazı kalın'dır. (b etiketi)<b>
<i>Bu yazı italiktir. (i etiketi)</i>
<u>Bu yazının altı çizilidir.(u etiketi)</u>
<s>Bu yazının üzeri çizilidir.(s etiketi)</s>
<q>Bana yakın olanlar, soyumdan gelenler değil yolumdan gelenlerdir.</q>
Hz. Muhammed (s.a.v)
<strong>Bu yazı güçlendirilmiştir.</strong>
<code>Bu örneğin tamamı bu görünümdedir.</code>
Arthur Conan Doyle'nin yazdığı <cite>Sherlock Holmes</cite> kitap serisini okumanızı tavsiye ederim.
<small>Bu yazı açıklama vs. yazmak için küçük yazılmıştır.</small>
Yazının <mark>bu kısmı</mark> fosforludur.
<dfn title="Türkiye Büyük Millet Meclisi">TBMM</dfn>'de yeni yasa içingörüşmeler başladı.
Saat <time>19:00</time>
Suyun formülü H<sub>2</sub>O'dur.
Bir sayının karesi x<sup>2</sup> şeklinde gösterilir.

</pre>

Bir sonraki yazımızda görüşmek üzere…

Hakkında Furkan Yağmur

Check Also

web-gemisi

HTML Form Oluşturma 1. Kısım (Ders 9)

Bir web sayfasında formlar ile çalışmak için sadece html dilini bilmek yetmez. Bunun nedenini öğrenmek …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir