HTML <dialog> Tag

Örnek

<dialog open>W3TR 'YE HOŞGELDİNİZ</dialog>

Bu etiket bir dialog penceresi tanımlamak için kullanılır.

Codepen Ön izleme

See the Pen <a href='http://codepen.io/w3tr/pen/bVPGWB/'>dialog</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

Nitelikler

Nitelik	Değer	Açıklama
open	open	iletişim kutusunun etkin olduğunu belirtmek için kullanılır.

Posted on 25 Kasım 2015 by Samed GÖZÜTOK 0

HTML <article> Tag

Örnek

<article>
  <h1>w3tr</h1>
  <p>orem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960'larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.</p>
</article>

Codepen Ön izleme

See the Pen <a href='http://codepen.io/w3tr/pen/RWzwrX/'>article</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

Posted on 25 Kasım 2015 by Samed GÖZÜTOK 0

HTML <optgroup> Tag

Örnek

<select>
  <optgroup label="W3TR">
    <option value="html">html</option>
    <option value="css">css</option>
  </optgroup>
</select>

Açılır listeyi gruplamak için kullanılır.

Codepen Ön izleme

See the Pen <a href='http://codepen.io/w3tr/pen/zvVONN/'>optgroup tag</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

Nitelikler

Değer	Açıklama
disabled	Devre dışı bırakılacağını belirtmek için kullanılır.
label	Etiket belirtmek için kullanılır.

Posted on 25 Kasım 2015 by Samed GÖZÜTOK 0

HTML Tag

Örnek

<p>orem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri <br/>standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960'larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.</p>

Bu etiket satır sonu eklemek için kullanılır.

Codepen Ön izleme

See the Pen <a href='http://codepen.io/w3tr/pen/epaqQY/'>br tag</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

Posted on 25 Kasım 2015 by Samed GÖZÜTOK 0

HTML Tag

Örnek

<p>
ajax öğrenmek için önce xml e aşina <wbr>sadddddddddddddddddddddddddddddddddddddddddddddddddddddasddddddddddddddddddddddddddddddddddddddddddddddddasdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddasdddddddddddddddddddddddddddddddddddddddddddddddddd<wbr> olmak gerekir
</p>

Bu etiket kelime aralarına satır sonu eklemekte kullanılmaktadır. Kelime çok uzunsa tarayıcı yanlış yerde alt satıra geçirebilir bu gibi durumları düzeltmek için kullanılır.

Codepen Ön izleme

<p>
ajax öğrenmek için önce xml e aşina <wbr>sadddddddddddddddddddddddddddddddddddddddddddddddddddddasddddddddddddddddddddddddddddddddddddddddddddddddasdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddasdddddddddddddddddddddddddddddddddddddddddddddddddd<wbr> olmak gerekir
</p>

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

Posted on 10 Ekim 2015 by Samed GÖZÜTOK 0

HTML <video> Tag

Örnek

<video width="320" height="240" controls>
  <source src="http://w3tr.com/file/kus.mp4" type="video/mp4">
  Tarayıcınız video elementini desteklemiyor.
</video>

Bu etiket film klibi , video akışı ve diğer video ortamlarını tanımlamak için kullanılır.

Codepen Ön izleme

<video width="320" height="240" controls>
  <source src="http://w3tr.com/file/kus.mp4" type="video/mp4">
  Tarayıcınız video elementini desteklemiyor.
</video>

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

Nitelikler

Nitelik	Değer	Açıklama
autoplay	autoplay	Videonun otomatik olarak oynatılacağını belirtmek için kullanılır.
controls	controls	Video kontrol nesnelerinin gözükeceğini belirtmek için kullanılır.
height	pixels	Video dosyasının yüksekliğini belirtmek için kullanılır.
loop	loop	Video dosyasının her bittiğinde tekrar oynatılacağını belirtmek için kullanılır.
muted	muted	Videonun sessiz olacağını belirtmek için kullanılır.
poster	URL	Videonun dosyası için bir kapak belirtmek için kullanılır.
preload	auto metadata none	Sayfa yüklendiğinde videonun yüklenip yüklenmeyeceğini belirtmek için kullanılır.
src	URL	Video dosyasının konumunu URL olarak belirtmek için kullanılır.
width	pixels	Video dosyasının genişliğini belirtmek için kullanılır.

Posted on 10 Ekim 2015 by Samed GÖZÜTOK 0

HTML <var> Tag

Örnek

<var>degisken</var>

Bu etiket değişken tanımlamak için kullanılır.

Codepen Ön izleme

<var>degisken</var>

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

Posted on 10 Ekim 2015 by Samed GÖZÜTOK 0

HTML <ul> Tag

Örnek

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JAVA</li>
</ul>

Bu etiket sırasız listeler oluşturmak için kullanılmaktadır. Liste öğeleri tanımlamak için <li> etiketi kullanılmaktadır.

Codepen Ön izleme

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JAVA</li>
</ul>

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

Nitelikler

Nitelik	Değer	Açıklama
compact	compact	HTML5 tarafından desteklenmiyor.Listenin normalden daha küçük halde olacağını belirtmek için kullanılır.
type	disc square circle	HTML5 tarafından desteklenmiyor.işaretcinin türünü belirtmek için kullanılır.

Posted on 10 Ekim 2015 by Samed GÖZÜTOK 0

HTML Tag

Örnek

<p>Bu bir <u>paragraf</u>.</p>

Bu etiket normal metinlerden farklı metinlerin açıklamasını tanımlamak için kullanılır. Örneğin : yanlış yazılmış veya çince özel kelimeler olabilir.

Codepen Ön izleme

<p>Bu bir <u>paragraf</u>.</p>

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

Posted on 10 Ekim 2015 by Samed GÖZÜTOK 0

HTML <track> Tag

Örnek

<video width="320" height="240" controls>
  <track src="altyazı.vtt" kind="altyazı" srclang="tr" label="türkce">
</video>

Bu etiket medya dosyaları için metin parçaları tanımlamak için kullanılır. <audio> ve <video> medyaları oynatılırken altyazı, başlık gibi metinler görüntülemekte kullanılır.

Codepen Ön izleme

<video width="320" height="240" controls>
  <track src="altyazı.vtt" kind="altyazı" srclang="tr" label="türkce">
</video>

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

Nitelikler

Nitelik	Değer	Açıklama
default	default
kind	captions chapters descriptions metadata subtitles	Element türünü belirtmek için kullanılır
label	text	Elementin ünvanını belirtmek için kullanılır.
src	URL	Element dosyasının URL sini belirtmek için kullanılır. Zorunlu.
srclang	language_code	Elementin veri dilini belirtmek için kullanılır.

Posted on 10 Ekim 201525 Kasım 2015 by Samed GÖZÜTOK 0

W3TR

HTML, CSS

W3TR

Etiket: tag

HTML <dialog> Tag

Örnek

Codepen Ön izleme

Nitelikler

HTML <article> Tag

Örnek

Codepen Ön izleme

HTML <optgroup> Tag

Örnek

Codepen Ön izleme

Nitelikler

HTML <br> Tag

Örnek

Codepen Ön izleme

HTML <wbr> Tag

Örnek

HTML <video> Tag

Örnek

Nitelikler

HTML <var> Tag

Örnek

HTML <ul> Tag

Örnek

Nitelikler

HTML <u> Tag

Örnek

HTML <track> Tag

Örnek

Nitelikler