Yayınlar

HTML etiketine sahip yayınlar gösteriliyor

Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

HTML wbr Etiketi

<wbr> Etiketi ÖrnekKelime ayıran metin:<p>Bu paragrafta tarayıcının zorunda kalmadığı sürece <wbr>AyırmayacağıBirMetin<wbr> yer almaktadır.</p> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <body> <p>Paragraftaki uzun kelimenin nasıl satırsonu yapacağını görmek için tarayıcı penceresini küçültün:</p> <p>Bu paragrafta tarayıcının zorunda kalmadığı sürece <wbr>ayıramayacağıbirmetin <wbr> yer almaktadır.</p> <p><b>Not:</b> wbr elementi Internet Explorer'da desteklenmiyor.</p> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <wbr> Tanımı ve Kullanımı<wbr> etiketi (Word Break Opportunity) kelime kesme anlamına gelir ve metnin be…

HTML var Etiketi

<var> Etiketi ÖrnekBelgeye bir değişken "variable" ekleme:<var>Değişken/Variable</var> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <body> <em>Vurgulanmış metin</em> <br /> <strong>Önemli metin</strong> <br /> <code>Bilgisayar kodu</code> <br /> <samp>Bir bilgisayar programının örnek çıktısı</samp> <br /> <kbd>Klavye girişi</kbd> <br /> <var>Değişken (Variables)</var> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <var> Tanımı ve Kullanımı<var> etiketi ifade/tümce etiketidir. Bir değişkeni (variable) tanımlar.İpucu: Artık kullanılmayan bir etiket değildir, ama CSS ile bi…

HTML u Etiketi

<u> Etiketi ÖrnekAltı çizili metin yazma:<p>Bu bir <u>altı-çizili</u> metindir.</p> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <body> <p>Bu bir <u>altı-çizili</u> metindir.</p> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <u> Tanımı ve Kullanımı<u> etiketi stilistik olarak normal yazıdan farklı görünmesi gereken veya Çince'deki özel isimler veya yanlış yazılmış olan kelimeleri göstermek için kullanılır.Tarayıcı DesteğiElement<u>VarVarVarVarVarVarİpuçları ve Notlarİpucu: Bir bağlantı linkiyle karıştırılabilecek <u> elementi kullanmaktan kaçının.Not: HTML5 belirtimleri geliştiricilere diğer elementlerin <u> elementinden daha uygun olduğunu belirt…

HTML ul Etiketi

<ul> Etiketi ÖrnekSırasız bir HTML listesi:<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <body> <h4>Sırasız bir liste:</h4> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <ul> Tanımı ve Kullanımı<ul> etiketi sırasız, maddeli listeyi tanımlar.Sırasız listeler oluşturmak için <ul> etiketini <li> etiketiyle birlikte kullanabilirsiniz.Tarayıcı DesteğiElement<ul>VarVarVarVarVarVarİpuçları ve Notlarİpucu: Listelere stil atamak için CSS kullanın.İpucu: Sıralı listeler oluşturma…

HTML tt Etiketi

<tt> EtiketiÖrnekDaktilo yazısı tanımlama:<p><tt>Daktilo yazısı</tt></p> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <body> <p>Bu normal bir yazıdır.</p> <p><tt>Bu bir daktilo yazısıdır.</tt></p> <p><strong>Not:</strong> tt elementi HTML5'te desteklenmiyor.</p> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <tt> Tanımı ve Kullanımı<tt> etiketi HTML 5'te desteklenmiyor.tt etiketi klavye girişini işaretliyorsa <kbd> ; değişkenleri işaretliyorsa <var> ; bilgisayar kodunu işaretliyorsa <code> ; bilgisayar çıktısını işaretliyorsa <samp> etiketlerini veya CSS'i kullanabilirsiniz.<tt> etiketi dakt…

HTML track Etiketi

<track> Etiketi Örnekİki altyazı yolu olan bir video:<videowidth="320"height="240"controls>
<sourcesrc="maskeli_besler.mp4"type="video/mp4">
<sourcesrc="maskeli_besler.ogg"type="video/ogg">
<tracksrc="altyazi_eng.vtt"kind="subtitles"srclang="en"label="İngilizce">
<tracksrc="altyazi_tur.vtt"kind="subtitles"srclang="tr"label="Türkçe">
</video> <track> Tanımı ve Kullanımı<track> etiketi medya elementleri <audio> ve <video> için metin yolunu tanımlar.Bu element medya çalarken görünür olması gereken altyazıları, metin içeren başlık dosyalarını veya diğer dosyaları tanımlamak için kullanılır. Tarayıcı DesteğiTablodaki sayılar elementi tamamen destekleyen ilk tarayıcı versiyonunu ifade ediyor.Element<track>18.012.010.031.06.015.0 HTML 4.01 ile HTML5 arasındaki farklar<track> etiketi…

HTML tr Etiketi

<tr> EtiketiÖrnekHTML tablosunda <tr> etiketi kullanımı:<table>
<tr>
<th>Ay</th>
<th>Harcamalar</th>
</tr>
<tr>
<td>Mart</td>
<td>620 TL</td>
</tr>
<tr>
<td>Nisan</td>
<td>590 TL</td>
</tr>
</table> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid crimson; } </style> </head> <body> <table> <tr> <th>Ay</th> <th>Harcamalar</th> </tr> <tr> <td>Mart</td> <td>620 TL</td> </tr> <tr> <td>Nisan</td> <td>590 TL</td> </tr> …

HTML title Etiketi

<title> EtiketiÖrnekHTML belgesi için başlık tanımlama:<html>

<head>
<title>Belge Başlığı</title>
</head>

<body>
Belge içeriği......
</body>

</html> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <head> <title>Belge Başlığı</title> </head> <body> Belge içeriği...... </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <title> Tanımı ve Kullanımı<title> etiketi tüm HTML belgelerinde gereklidir ve belgenin başlığını tanımlar.<title> elementi:
Tarayıcı sekmesi içindeki başlığı tanımlar.Sayfa sık kullanılanlara eklenirken karşımıza çıkan sayfa başlığını tanımlar.Arama motoru sonuçları için sayfaya başlık tanımlar.Tarayıcı DesteğiElement<title>VarVarVarVarV…

HTML time Etiketi

<time> EtiketiÖrnekSaat ve tarih tanımlama:<p>Mağazamız haftaiçi sabah <time>10:00</time>'da açılır.</p>

<p>Sezonun ikinci yarısındaki <timedatetime="2016-03-20 20:00">Galatasaray - Fenerbahçe maçına</time> gitmek istiyorum.</p> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <body> <p>Mağazamız haftaiçi sabah <time>10:00</time>'da açılır. </p> <p>Sezonun ikinci yarısındaki <time datetime="2016-03-20 20:00">Galatasaray - Fenerbahçe maçına</time> gitmek istiyorum.</p> <p><b>Not:</b> Bu element popüler tarayıcıların hiçbirinde farklı özellikte yorumlanmaz, normal yazı biçiminde görüntülenir.</p> </body> </htm…

HTML thead Etiketi

<thead> EtiketiÖrnekthead, tfoot ve tbody etiketleriyle bir tablo:<table>
<thead>
<tr>
      <th>Ay</th>
<th>Harcamalar</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Toplam</td>
<td>1210</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Mart</td>
<td>580 TL</td>
</tr>
<tr>
<td>Nisan</td>
<td>630 TL</td>
</tr>
</tbody>
</table> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <head> <style> thead {color:green;} tbody {color:blue;} tfoot {color:red;} table, th, td { border: 1px solid black; } </style> </head> <body> <table> <thead> <tr> &…

HTML th Etiketi

<th> EtiketiÖrnekİki başlık hücreli (<th>) basit bir HTML tablosu:<table>
<tr>
<th>Ay</th>
<th>Harcamalar</th>
</tr>
<tr>
<td>Mart</td>
<td>620 TL</td>
</tr>
<tr>
<td>Nisan</td>
<td>590 TL</td>
</tr>
</table> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid red; } </style> </head> <body> <table> <tr> <th>Ay</th> <th>Harcamalar</th> </tr> <tr> <td>Mart</td> <td>620 TL</td> </tr> <tr> <td>Nisan</td> <td>590 TL</td> </tr…

HTML tfoot Etiketi

<tfoot> EtiketiÖrnekthead, tfoot ve tbody etiketleriyle bir tablo:<table>
<thead>
<tr>
      <th>Ay</th>
<th>Harcamalar</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Toplam</td>
<td>1210</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Mart</td>
<td>580 TL</td>
</tr>
<tr>
<td>Nisan</td>
<td>630 TL</td>
</tr>
</tbody>
</table> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <head> <style> thead {color:green;} tbody {color:blue;} tfoot {color:crimson;} table, th, td { border: 3px solid gray; } </style> </head> <body> <table> <thead> <tr> …

HTML textarea Etiketi

<textarea> EtiketiÖrnekHTML yazı alanı örneği:<textarearows="8"cols="30">
CSS dersleri dahil tüm HTML etiketlerinin kullanımını, standart özelliklerini, olay özelliklerini, örneklerini ve uygulamalarını htmlvecssegitimi.blogspot.com'da bulabilirsiniz.
</textarea> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <body> <textarea rows="8" cols="30"> CSS dersleri dahil tüm HTML etiketlerinin kullanımını, standart özelliklerini, olay özelliklerini, örneklerini ve uygulamalarını htmlvecssegitimi.blogspot.com'da bulabilirsiniz. HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <textarea> Tanımı ve Kullanımı<textarea> etiketi çoklu satır girdi kontrolünü tanımlar.Yazı alanı sınırsız sayıda karakter ba…

HTML td Etiketi

<td> EtiketiÖrnekİki tablo hücreli, basit bir HTML tablosu:</table>
<tr>
<td>Hücre 1</td>
<td>Hücre 2</td>
</tr>
</table> Kendiniz deneyin » htmlvecssegitimi.blogspot.comKodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.KODU ÇALIŞTIR SAYFAYI TEMİZLESAYFAYI YENİLEKAYNAK KODLARISONUÇ EKRANI <!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid crimson; } </style> </head> <body> <table> <tr> <td>Hücre 1</td> <td>Hücre 2</td> </tr> </table> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <td> Tanımı ve Kullanımı<td> etiketi HTML tablosu içerisindeki standart bir hücre olarak tanımlanır.HTML tablosunun iki tür hücresi vardır: Başlık hücre: Başlığı barındırır, <th> elementiyle oluşturulur.St…