Etiket: html

HTML <section> Tag

Örnek

<section>
  <h1>HTML</h1>
  <p>HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir.</p>
</section>

<section>
  <h1>CSS</h1>
  <p>Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir Web teknolojisidir.</p>
</section>

Bu etiket belgede bir bölüm tanımlamak için kullanılır. Üstbilgi, altbilgi sayfanın herhangi bir bölümünde kullanılabilir.

Codepen Ön izleme

 

<section>
  <h1>HTML</h1>
  <p>HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir.</p>
</section>

<section>
  <h1>CSS</h1>
  <p>Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir Web teknolojisidir.</p>
</section>

See the Pen HTML section tag by W3TR (@w3tr) on CodePen.

Posted on by Samed GÖZÜTOK 0

TML <script> Tag

Örnek

<script>
document.write("Hello world!");
</script>

Bu etiket istemci tarafında çalışacak bir script tanımlamak için kullanılır. Örneğin javascript.

Codepen Ön izleme

 

<script>
document.write("Hello world!");
</script>

See the Pen HTML script tag by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
async async
charset charset Komut dosyasında kullanılan karakter kodlamasını belirtmek için kullanılır.
defer defer Sayfa ayrıştırma sona erdiğinde komut dosyasının yürütüleceğini belirtmek için kullanılır.
src URL Çağrılacak dosyanın URL sini belirtmek için kullanılır.
type media_type Çağrılacak dosyanın türünü belirtmek için kullanılır.
xml:space preserve HTML5 tarafından desteklenmiyor. Kod boşluklarının korunması gerektiğini belirtmek için kullanılır.
Posted on by Samed GÖZÜTOK 0

HTML <s> Tag

Örnek

<p><s>eski sürüm HTML4.01</s></p>
<p>Yeni sürüm HTML5</p>

Bu etiket artık,doğru veya uygun metinler tanımlamak için kullanılır.

Codepen Ön izleme

 

<p><s>eski sürüm HTML4.01</s></p>
<p>Yeni sürüm HTML5</p>

See the Pen HTML s tag by W3TR (@w3tr) on CodePen.

Posted on by Samed GÖZÜTOK 0

HTML <ruby> Tag

Örnek

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

Bu etiket ruby karakterleri içeren bir metin tanımlamak için kullanılır. Ruby doğu asya karakterlerinin telaffuzu için kullanılır.

Codepen Ön izleme

 

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

See the Pen HTML ruby tag by W3TR (@w3tr) on CodePen.

Posted on by Samed GÖZÜTOK 0

HTML <rt> Tag

Örnek

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

Bu etiket <ruby> etiketini sahip olduğu karakter hakkında açıklama tanımlamak için kullanılır.

Codepen Ön izleme

 

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

See the Pen HTML rt tag by W3TR (@w3tr) on CodePen.

Posted on by Samed GÖZÜTOK 0

HTML <rp> Tag

Örnek

<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>

Bu etiket <ruby> etiketini desteklemeyen tarayıcılar için açıklama tanımlamak için kullanılır. Ruby doğu asya karakterlerinin telaffuzu için kullanılır.

Codepen Ön izleme

 

<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>

See the Pen HTML rp tag by W3TR (@w3tr) on CodePen.

Posted on by Samed GÖZÜTOK 0

HTML <q> Tag

Örnek

<p>q etiketi: <q>Alıntı bölümler </q>oluşturmakta kullanılır.</p>

Bu etiket kısa alıntılar tanımlamak için kullanılır. Tarayıcılar bu bölümü çift tırnak(“) içerisinde göstermektedir.

Not: Başka kaynaklardan alıntılar için <blockquote> etiketini kullanmalısınız.

Codepen Ön izleme

 

<p>q etiketi: 
<q>Alıntı bölümler </q>
oluşturmakta kullanılır.</p>

See the Pen HTML q tag by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
cite URL Alıntı yapılan kaynak URL yi belirtmek için kullanılır.
Posted on by Samed GÖZÜTOK 0

HTML <progress> Tag

Örnek

<progress value="55" max="100"></progress>

<p><strong>Not:</strong> Progress internet explorer 9 ve önceki sürümleri tarafından desteklenmez.</p>

Bu etiket görevin ilerleme durumunu tanımlamak için kullanılır. Görevin ilerlemesini görüntülemek için javascript ve <progress> etiketini birlikte kullanmanız gerekmektedir.

Codepen Ön izleme

 

<progress value="55" max="100"></progress>

<p><strong>Not:</strong> Progress internet explorer 9 ve önceki sürümleri tarafından desteklenmez.</p>

See the Pen HTML progress tag by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
max number ilerlemenin maksimum değerini belirtmek için kullanılır.
value number ilerlemenin başlayacağı değeri belirtmek için kullanılır.
Posted on by Samed GÖZÜTOK 0

HTML <pre> Tag

Örnek

<pre>
buraya metni nasıl 
yazarsanız
öyle gözükür
</pre>

Bu etiket önceden biçimlendirilmiş metin tanımlamak için kullanılır. Bu element içindeki metin nasıl yazarsanız öyle gözükür.

Codepen Ön izleme

 

<pre>
buraya metni nasıl 
yazarsanız
öyle gözükür
</pre>

See the Pen HTML pre tag by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
width number HTML5 tarafından desteklenmiyor.Satır başına maksimum karakter sayısını belirtmek için kullanılır.
Posted on by Samed GÖZÜTOK 0