Etiket: html

HTML <form> Tag

Örnek

<form action="demo_form.asp" method="get">
  ad: <input type="text" name="ad"><br>
  Soyad: <input type="text" name="soyad"><br>
  <input type="submit" value="Gönder">
</form>

Bu etiket  kullanıcı girişleri oluşturmak için HTML formları oluşturmak için kullanılır.

Beraber kullanılabileceği etiketler;

  • input
  • textarea
  • button
  • select
  • option
  • optgroup
  • fieldset
  • label

Codepen Ön izleme

 

<form action="demo_form.asp" method="get">
  ad: <input type="text" name="fname"><br>
  Soyad: <input type="text" name="lname"><br>
  <input type="submit" value="Gönder">
</form>

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

Nitelikler

Nitelik Değer Açıklama
accept file_type HTML5 tarafından desteklenmiyor.Sunucun kabul ettiği dosya türünü belirtmek için kullanılır.
accept-charset character_set Form göndermek için kullanılacak karakter kodlamasını belirtmek için kullanılır.
action URL Form verilerinin nereye gönderileceğini belirtmek için kullanılır.
autocomplete on
off		 Otomatik tamamlanan özelliğinin açık veya kapalı olacağını belirtmek için kullanılır.
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain		 Form verileri sunucuya gönderilirken nasıl kodlanacağını belirtmek için kullanılır.
method get
post		 Form verileri gönderilirken hangi http yöntemini n kullanılacağını belirtmek için kullanılır.
name text Form un ismini belirtmek için kullanılır.
novalidate novalidate Form verilerinin doğrulanmaması gerektiğini belirtmek için kullanılır.
target _blank
_self
_parent
_top		 Form verileri gönderildikten sonra yanıtın nerede gözükeceğini belirtmek için kullanılır.
Posted on by Samed GÖZÜTOK 0

HTML <footer> Tag

Örnek

<footer>
  <p>Göndere: Arayüz</p>
  <p>iletişim Bilgileri: <a href="mailto:w3tr@example.com">
  w3tr@example.com</a>.</p>
</footer>

Bu etiket  bir belge veya bölümün alt bilgisini tanımlamak için kullanılır.

Codepen Ön izleme

<footer>
  <p>Göndere: Arayüz</p>
  <p>iletişim Bilgileri: <a href="mailto:w3tr@example.com">
  w3tr@example.com</a>.</p>
</footer>

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

Posted on by Samed GÖZÜTOK 1

HTML <figure> Tag

Örnek

<figure>
  <img src="http://www.palandokenturlari.com/images/stories/palandoken.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>ERZURUM PALANDÖKEN KAYAK MERKEZİ</figcaption>
</figure>

Bu etiket   çizimler.fotoğraflar ve kod listeleri gibi bağımsız içerikler belirtmek için kullanılır.

Codepen Ön izleme

 

<figure>
  <img src="http://www.palandokenturlari.com/images/stories/palandoken.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>ERZURUM PALANDÖKEN KAYAK MERKEZİ</figcaption>
</figure>

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

Posted on by Samed GÖZÜTOK 0

HTML <figcaption> Tag

Örnek

<figure>
  <img src="http://www.palandokenturlari.com/images/stories/palandoken.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>ERZURUM PALANDÖKEN KAYAK MERKEZİ</figcaption>
</figure>

Bu etiket  <figure>  etiketi için bir başlık tanımlamak için kullanılır. <figure> etiketini ilk veya son etiketi olarak da tanımlanabilmektedir.

Codepen Ön izleme

 

<figure>
  <img src="http://www.palandokenturlari.com/images/stories/palandoken.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>ERZURUM PALANDÖKEN KAYAK MERKEZİ</figcaption>
</figure>

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

Posted on by Samed GÖZÜTOK 0

HTML <fieldset> Tag

Örnek

<form>
  <fieldset>
    <legend>eleman:</legend>
    isim: <input type="text"><br>
    Email: <input type="text"><br>
    Doğum tarihi: <input type="text">
  </fieldset>
</form>

Bu etiket  form içerisindeki bir biriyle bağlantılı olan elementleri gruplandırmak için kullanılır. İlişkili elemanların etrafına bir kutu çizer.

Codepen Ön izleme

 

<form>
  <fieldset>
    <legend>eleman:</legend>
    isim: <input type="text"><br>
    Email: <input type="text"><br>
    Doğum tarihi: <input type="text">
  </fieldset>
</form>

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

Nitelikler

Nitelik Değer Açıklama
disabled disabled Nesnenin kullanılamaz olduğunu belirlemek için kullanılır.
form form_id Nesneye bir veya daha fazla form bağlamak için kullanılır.
name text nesnenin ismini belirlemek için kullanılır.
Posted on by Samed GÖZÜTOK 0

HTML <embed> Tag

Örnek

<embed src="http://www.shareswf.com/media/games/swf/47561.swf">

Bu etiket  harici uygulamalar veya etkileşimli içerikler için bir taşıyıcı tanımlamak için kullanılır.

Codepen Ön izleme

 

<embed src="http://www.shareswf.com/media/games/swf/47561.swf">

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

Nitelikler

Nitelik Değer Açıklama
height pixels İçeriğin yüksekliğini belirlemek için kullanılır
src URL İçeriğin konumunu belirtmek için kullanılır.
type media_type içeriğin MIME tipini belirlemek için kullanılır.
width pixels içeriğin genişliğini ayarlamak için kullanılır.
Posted on by Samed GÖZÜTOK 0

HTML <dt> Tag

Örnek

<dl>
  <dt>kavve</dt>
  <dd>Siyah sıcak içecek</dd>
  <dt>Süt</dt>
  <dd>Beyaz soğuk içecek</dd>
</dl>

Bu etiket  bir tanım listesinde bir öğe  tanımlamakta kullanılmaktadır. <dl> liste tanımlamak için  <dd> liste öğesini açıklamak için kullanılır.

Codepen Ön izleme

 

<dl>
  <dt>kavve</dt>
  <dd>Siyah sıcak içecek</dd>
  <dt>Süt</dt>
  <dd>Beyaz soğuk içecek</dd>
</dl>

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

Posted on by Samed GÖZÜTOK 1

HTML <dl> Tag

Örnek

<dl>
  <dt>kavve</dt>
  <dd>Siyah sıcak içecek</dd>
  <dt>Süt</dt>
  <dd>Beyaz soğuk içecek</dd>
</dl>

Bu etiket  bir tanım listesi tanımlamakta kullanılmaktadır. <dt> liste tanımlamak için  <dd> liste öğesini açıklamak için kullanılır.

Codepen Ön izleme

 

<dl>
  <dt>kavve</dt>
  <dd>Siyah sıcak içecek</dd>
  <dt>Süt</dt>
  <dd>Beyaz soğuk içecek</dd>
</dl>

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

Posted on by Samed GÖZÜTOK 0

HTML <div> Tag

Örnek

<div>
  <p>w3tr</p>
</div>

Bu etiket  HTML belgesinde bir bölüm oluşturulmak için kullanılır. Etiketi bloklara ayırmak için CSS ile biçimlendirmeniz gerekmektedir.

Codepen Ön izleme

 

<div>
  <p>w3tr</p>
</div>

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

Nitelikler

Nitelik Değer Açıklama
align left
right
center
justify		 İçeriğin nasıl hizalanacağını belirlemek için kullanılır.
Posted on by Samed GÖZÜTOK 0