jQuery html() Yöntemi

html() Yöntemi;

 

.html() yöntemi html içeriklerini almak veya değiştirmek için kullanılır.

 

Örnek

$("a").click(function(){
  $("span").html("W3TR");
});

Codepen Ön izleme

Kullanım şekilleri;

.html();

.html(content);

.html(index, currentcontent);

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

 

Nitelikler

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

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

 

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

 

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.

HTML <br> 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

 

HTML <wbr> 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 <wbr> 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.

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.

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.

HTML <u> 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.