En çok okunan

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Resim
  İnternetten para kazanmanın yolları ile ilgili yazılar paylaşmaya devam edeceğim. Sizler de internetten gelir elde etmek istiyorsanız yazılarımı takip ederek internetten para kazandıran siteler ve uygular ile hızlı ve kolay para kazan abilirsiniz. Harika Bir pasif gelir elde et Uyurken Bile Para Kazan Ücretsiz bitcoin kazan dıran bu harika sitenin ayrıca referans sistemi var. Üye olduğunuzda Refer(sayfasına gidip kendi linkinizi heryerde paylaşın ve para kazanmaya hemen başlayın.) Arkadaşlarınızı da üye yaparak  pasif gelir elde edebilirsiniz . Genelde uyurken bile para kazan   denildiğinde anlamanız gereken bu sistemdir. Haydi Ücretsiz Bitcin kazanmaya başlayalım ve paraya dönüştürelim. Siteye Hemen Üye ol: FreeBitcoin  ( tıkla ) Ücretsiz Bitcoin Kazandıran siteye hemen üye ol (arkadaşlarınla paylaş) uyurken bile para kazan Her saat bitcoin kazanabilirsin ( Şanslı isen 200 Dolar değerinde Bitcoin ) Kazandığın her bitcoinle ücretsiz  çekiliş bileti alabilirsiniz. Dikkatle oku
Yorum Gönder

HTML Element Referansları

HTML Etiketleri Kategorilere Göre

Aşağıdaki tablolarda HTML etiketlerinin tamamını kullanım alanı kategorilerine göre düzenlenmiş şekilde inceleyebilirsiniz.

HTML 5 ile birlikte yeni gelen etiketler ve HTML 5'te desteklenmeyen etiketler de tablolara dahildir.


= HTML5'te yeni.

HTML Temel Etiketleri

Etiket Tanım
<!DOCTYPE> Belge türü bildirimini ifade eder
<html> HTML belgesi olduğunu ifade eder
<title> Belge için başlığı ifade eder
<body> Belgenin gövdesini ifade eder
<h1> - <h6> HTML başlıklarnı ifade eder
<p> Paragrafı ifade eder
<br> Satır sonunu ifade eder
<hr> Konu sonu anlamına gelen yatay çizgiyi ifade eder
<!--...--> Kaynak kodundaki bir yorumu ifade eder

Biçimlendirme Etiketleri

Etiket Tanım
<acronym> HTML 5'te desteklenmiyor. Yerine <abbr> kullanın.
Kısa adı ifade eder
<abbr> Kısaltmayı ya da kısa adı ifade eder
<address> Belge sahibi ya da yazarı ile ilgili iletişim bilgisini ifade eder
<b> Kalın yazıyı ifade eder
<bdi> Farklı yönden başlanarak yazılan bir yazıyı, tersi yönde yazılan yazıdan ayırmayı ifade eder
<bdo> Mevcut metin yönünü geçersiz kılar
<big> HTML 5'te desteklenmiyor. Yerine CSS kullanın.
Büyük yazıyı ifade eder
<blockquote> Başka bir kaynaktan alıntılanmış bölmeyi ifade eder
<center> HTML 5'te desteklenmiyor. Yerine CSS kullanın.
Ortalanmış metni ifade eder
<cite> Çalışmanın başlığını ifade eder
<code> Bigisayar kodunu ifade eder
<del> Belgeden silinen metnifade eder
<dfn> Bir terimin tanımlayıcı örneğini
<em> Vurgulanmış metni ifade eder
<font> HTML 5'te desteklenmiyor. Yerine CSS kullanın.
Metin için yazı tipini, rengi ve boyutu ifade eder
<i> Metnin bir bölümünü farklı bir ifade ya da biçimde tanımlar
<ins> Bir belgenin içine yerleştirilmiş metni ifade eder
<kbd> Klavye girişini ifade eder
<mark> İşaretlenmiş metni ifade eder
<meter> Bilinen değerde bir sayısal ölçümü ifade eder
<pre> Önceden biçimlendirilmiş metni ifade eder
<progress> Bir görevin ilerleme durumunu gösterir
<q> Kısa alıntıyı ifade eder
<rp> Ruby etiketlerini desteklemeyen tarayıcılarda ne gösterileceğini ifade eder
<rt> Karakterlerin açıklama/telaffuzunu ifade eder
(Doğu Asya tipografisi için)
<ruby> Ruby açıklamasını/etiketini ifade eder
(Doğu Asya tipografisi için)
<s> Artık doğru kabul edilmeyen metni ifade eder
<samp> Bir bilgisayar programından örnek çıktıyı ifade eder
<small> Daha küçük yazıyı ifade eder
<strike> HTML 5'te desteklenmiyor. Yerine <del> ya da <s> kullanın.
Üzeri çizilmiş metni ifade eder
<strong> Önemli metni ifade eder
<sub> Altsimgeyi ifade eder
<sup> Üstsimgeyi ifade eder
<time> Tarihi/zamanı ifade eder
<tt> HTML 5'te desteklenmiyor. Yerine CSS kullanın.
Teleteks metni ifade eder
<u> Altı çizili metni ifade eder
<var> Değişkeni ifade eder
<wbr> Kelime arası satır sonunu ifade eder

Form ve Girdi Etiketleri

Etiket Tanım
<form> Kullanıcı girişi için HTML formunu ifade eder
<input> Girdi kontrolünü ifade eder
<textarea> Çoklu satırlı girdi kontrolünü ifade eder (metin alanı)
<button> Tıklanabilir butonu ifade eder
<select> Aşağı açılan listeyi ifade eder
<optgroup> Aşağı açılan listedeki ilişkili öğeler grubunu ifade eder
<option> Aşağı açılan liste için seçeneği ifade eder
<label> <input> elementi için etiketi ifade eder
<fieldset> Form içindeki ilişkili elementleri gruplar
<legend> <fieldset> elementi için başlığı ifade eder
<datalist> Girdi kontrolleri için öntanımlı seçenekler listesini ifade eder
<keygen> Anahtar çifti oluşturucu alanını ifade eder (formlar için)
<output> Bir hesaplamanın sonucunu ifade eder

Çerçeve Etiketleri

Etiket Tanım
<frame> HTML 5'te desteklenmiyor.
Bir frameset içindeki pencereyi (çerçeveyi) ifade eder
<frameset> HTML 5'te desteklenmiyor.
Çoklu çerçeveleri ifade eder
<noframes> HTML 5'te desteklenmiyor.
Çerçeve desteği olmayan tarayıcılar için alternatif içeriği ifade eder
<iframe> Satıriçi çerçeveyi ifade eder

Resim Etiketleri

Etiket Tanım
<img> Bir resmi ifade eder
<map> Resim haritasını ifade eder
<area> Bir görsel haritası içindeki alanı ifade eder
<canvas> Hareketli grafikler çizmek için kullanılır
(genelde JavaScript kullanılır)
<figcaption> <figure> elementi için başlığı ifade eder
<figure> Bağımsız içeriği ifade eder

Ses / Video Etiketleri

Etiket Tanım
<audio> Ses içeriğini ifade eder
<source> Ortam elementleri için çoklu ortam kaynaklarını ifade eder (<video> ve <audio>)
<track> Ortam elementleri için yazı dizisini ifade eder (<video> ve <audio>)
<video> Video ya da filmi ifade eder

Bağlantı Etiketleri

Etiket Tanım
<a> Bir bağlantıyı linki ifade eder
<link> Bir belge ve harici kaynak arasındaki ilişkiyi ifade eder
(çoğu stil dosyasına köprülemek için kullanılır)
<nav> Navigasyon linklerini ifade eder

Liste Etiketleri

Etiket Tanım
<ul> Sırasız listeyi ifade eder
<ol> Sıralı listeyi ifade eder
<li> Liste elemanını ifade eder
<dir> HTML 5'te desteklenmiyor. Yerine <ul> kullanın.
Dizin listesini ifade eder
<dl> Tanım listesini ifade eder
<dt> Tanım listesindeki bir terimi / adı ifade eder
<dd> Tanım listesindeki bir terim için tanımı/değeri ifade eder
<menu> Komut listesini/menüsünü ifade eder
<menuitem> Kullanıcının açılır bi menüden çağırabildiği bir komut/menü elemanını ifade eder

Tablo Etiketleri

Etiket Tanım
<table> Tabloyu ifade eder
<caption> Tablo başlığını ifade eder
<th> Bir tablodaki başlık hücresini ifade eder
<tr> Bir tablo için sırayı ifade eder
<td> Tablodaki bir hücreyi ifade eder
<thead> Bir tablodaki başlık içeriğini gruplandırır
<tbody> Bir tablodaki gövde içeriğini gruplandırır
<tfoot> Bir tablodaki altbilgi içeriğini gruplandırır
<col> <colgroup> elementi içindeki her bir sütun için sütun özelliklerini ifade eder
<colgroup> Biçimlendirme için tablodaki bir ya da daha fazla sütunlu grubu ifade eder

Stil ve Semantik Etiketleri

Etiket Tanım
<div> Belgedeki bir bölümü ifade eder
<style> Belge için stil bilgisini ifade eder
<span> Belgedeki bir kısımı ifade eder
<header> Belge ya da bölüm için başlığı ifade eder
<footer> Belge ya da bölüm için altbilgiyi ifade eder
<main> Bir belgenin ana içeriğini ifade eder
<section> Belgedeki bir bölümü ifade eder
<article> Makaleyi ifade eder
<aside> İçerikte geçen bir şeyle ilgili açıklamayı ifade eder
<details> Kullanıcının görüntüleyebileceği veya gizleyebileceği ek bilgileri ifade eder
<dialog> Diyalog kutusu veya penceresini ifade eder
<summary> <details> elementi için görünür başlığı ifade eder

Meta Bilgi Etiketleri

Etiket Tanım
<head> Belge hakkındaki bilgiyi ifade eder
<meta> HTML belgesi ile ilgili meta bilgiyi ifade eder
<base> Belgedeki tüm yakın linkler için baz alınacak temel URL'yi ifade eder.
<basefont> HTML 5'te desteklenmiyor. Yerine CSS kullanın.
Belgedeki tüm yazı için varsayılan renk, boyut ve yazı stilini ifade eder

Programlama Etiketleri

Etiket Tanım
<script> İstemci taraflı dili ifade eder
<noscript> Script desteği olmayan tarayıcılar için alternatif içeriği ifade eder
<applet> HTML 5'te desteklenmiyor. Yerine <embed> ya da <object> kullanın.
Sayfaya gömülü uygulamayı ifade eder
<embed> Harici (HTML olmayan) uygulamalar için taşıyıcıyı ifade eder
<object> Gömülü nesneyi ifade eder
<param> Bir nesne için parametre/özellik ifade eder

Yorumlar

Yorum Gönder

Popüler yayınlar

HTML html Etiketi

<html> Etiketi Örnek Basit bir HTML5 belgesi: < !DOCTYPE   html > < html > < head > < title > Belgenin başlığı < /title > < /head > < body > Belgenin içeriği.............. < /body > < /html > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html><html> <head> <title>Belgenin başlığı</title></head> <body> Belgenin içeriği.............. </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <html> Tanımı ve Kullanımı <html> etiketi tarayıcıya kendisinin bir HTML belgesi olduğunu söyler. <html> etiketi HTML b
Devamı

HTML menu Etiketi

<menu> Etiketi Örnek Basit bir düzenleyici için iki menü butonu içeren bir içerik menüsü: < menu >   < li >     < button type= "menu" value= "Dosya" menu= "dosya-menu">     < menu type= "context" id= "dosya-menu">       < menuitem label= "Yeni" onclick= "newFile()">        < menuitem   label= "Kaydet"   onclick= "saveFile()">      < /menu >   < /li >    < li >      < button   type= "menu"   value= "Edit" menu= "edit-menu">      < menu   type= "context"   id= "edit-menu">        < menuitem   label= "Kes"  onclick= "cutEdit()">        < menuitem   label= "Kopyala"   onclick= "copyEdit()">        < menuitem   label= "Yapıştır"   onclick= "pasteEdit()">      < /menu >    < /li > < /
Devamı

HTML em Etiketi

<em> Etiketi Örnek <em> etiketi ile metni vurgulama: < em > Vurgulanmış yazı < /em > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html><html> <body> <em>Vurgulanmış metin</em> <br /> <strong>Önemli metin</strong> <br /> <code>Bilgisayar kodları</code> <br /> <samp>Bir bilgisayar programının örnek çıktısı</samp> <br /> <kbd>Klavye girişi</kbd> <br /> <var>Değişkenler (Variables)</var> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <em> Tanımı ve Kull
Devamı

CSS flex-grow Özelliği

CSS flex-grow Css flex-grow özelliği esnek kutu içerisindeki elemanları girilen değere göre göreceli olarak genişliğini ayarlayan özelliktir. Örnek: Bu örnekte bir esnek kutu içerisine 5 adet eleman yerleştirilmiştir. Ve bunlara flex-grow özelliğine sırasıyla 1 ,3, 1, 2, 1 değerleri verildi.Verilen örneği incelediğinizde göreceğiniz üzere elemanların genişlikleri bu sayılarla orantılıdır ! #anakutu div:nth-of-type(1) { flex-grow: 1; } #anakutu div:nth-of-type(2) { flex-grow: 3; } #anakutu div:nth-of-type(3) { flex-grow: 1; } #anakutu div:nth-of-type(4) { flex-grow: 2; } #anakutu div:nth-of-type(5) { flex-grow: 1; } Kendiniz deneyin » CSS flex-grow nedir nasıl kullanılır Bir esnek kutu modelinde elemanlara verilen flex-grow özelliğiyle göreceli genişlik değerleri verilerek boyutlandırma işlemi gerçekleştirilir. CSS flex-grow CSS flex-grow özellikleri   Varsayılan Değer:
Devamı

CSS flex-basis Özelliği

CSS flex-basis Css flex-basis :Esnek kutu modelinde optimum boyutunu belirlemek için kullanılır. Eğer yeterli genişlik var ise esnek kutu verilen değer boyutunda olacaktır. Örnek: Bu örnekte anaka kutu içerisindeki bütün elemanlara başlangıç uzunluğu 40px verilmiştir.2. sıradaki elemanının genişliğini ise 90px olarak değiştirdik. #anakutu div { -webkit-flex-grow: 0; -webkit-flex-shrink: 0; -webkit-flex-basis: 40px; flex-grow: 0; flex-shrink: 0; flex-basis: 40px; } #anakutu div:nth-of-type(2) { -webkit-flex-basis: 90px; flex-basis: 90px; } Kendiniz deneyin » CSS flex-basis nedir nasıl kullanılır Flex-basis özelliği sayısal olarak uzunluk yani genişlik tanımlamıza yarar. CSS flex-basis CSS flex-basis özellikleri   Varsayılan Değer: auto   Kalıtsallık: yok   Animasyon Özelliği: var   Versiyon: CSS3  
Devamı

CSS align-items özelliği

CSS align-items özelliği Css align-content özelliği ile bir HTML elemanının içerisindeki alt elemanlarını hizalama ve konumlandırma işlemleri için kullanabiliriz Örnek: Align-items özelliğini kullanarak esnek kutu modülü ("flex") uygulanan bir kapsayıcı div içerisindeki elemanların konumlarına center değerini uygulayalım ! div { width: 220px; height: 350px; border: 2px solid black; display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; } Kendiniz deneyin » CSS align-items nedir nasıl kullanılır Flex ile (esnek kutu modeli) ile yapılandırılmış bir div kutusundaki elemanları hizalamak için kullanılır. CSS align-items CSS align-items özellikleri &nbsp Varsayılan Değer: stretch   Kalıtsallık: yok   Animasyon Özelliği: yok   Ver
Devamı

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Resim
  İnternetten para kazanmanın yolları ile ilgili yazılar paylaşmaya devam edeceğim. Sizler de internetten gelir elde etmek istiyorsanız yazılarımı takip ederek internetten para kazandıran siteler ve uygular ile hızlı ve kolay para kazan abilirsiniz. Harika Bir pasif gelir elde et Uyurken Bile Para Kazan Ücretsiz bitcoin kazan dıran bu harika sitenin ayrıca referans sistemi var. Üye olduğunuzda Refer(sayfasına gidip kendi linkinizi heryerde paylaşın ve para kazanmaya hemen başlayın.) Arkadaşlarınızı da üye yaparak  pasif gelir elde edebilirsiniz . Genelde uyurken bile para kazan   denildiğinde anlamanız gereken bu sistemdir. Haydi Ücretsiz Bitcin kazanmaya başlayalım ve paraya dönüştürelim. Siteye Hemen Üye ol: FreeBitcoin  ( tıkla ) Ücretsiz Bitcoin Kazandıran siteye hemen üye ol (arkadaşlarınla paylaş) uyurken bile para kazan Her saat bitcoin kazanabilirsin ( Şanslı isen 200 Dolar değerinde Bitcoin ) Kazandığın her bitcoinle ücretsiz  çekiliş bileti alabilirsiniz. Dikkatle oku
Devamı

CSS justify-content Özelliği

CSS justify-content Css justify-content özelliğini esnek kutu modelinde kapsayıcı kutunun elemanlarının genişliği kabı doldurmadığında değişik hizalama seçenekleri sunar. Örnek: Bu örnekte bir esnek kutu içerisinde genişlikleri kabı doldurmayan elemanlar vardır.Kapsayici kutuya justify-content özelliğinin space-between değeri verildiğindeki etkisini görmek için aşağıdaki kendiniz deneyin tuşuna tıklayınız. #anakutu { width: 300px; height: 250px; border: 2px solid black; display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between; } #anakutu div { width: 50px; height: 50px; } Kendiniz deneyin » CSS justify-content nedir nasıl kullanılır Esnek kutu içerisindeki elemanlar yatay eksende tüm genişliği kaplamadığı zaman justify-content özelliği elemanları hizalamak için kullanılabilir. CSS justify-content CSS justify-content özellikleri
Devamı

HTML dir Etiketi

<dir> Etiketi Örnek Bir dizin listesi: < dir >    < li > HTML < /li >    < li > XHTML < /li >    < li > CSS < /li > < /dir > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html><html> <body> <dir> <li>HTML</li> <li>XHTML</li> <li>CSS</li> </dir> <p><b>Not:</b> dir elementi HTML5'te desteklenmiyor. Yerine CSS kullanın.</p> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <dir> Tanımı ve Kullanımı <dir> etiketi HTML 5'te desteklenmiyor. Yerin
Devamı

CSS content Özelliği

CSS content Css content özelliğini sayfaya seçilen elemandan önce veya sonrasında içerik eklemek için kullanılabilir. Örnek: Bu örnekte bir linkin title değerini linkten önce yazmak için content özelliği uygulanmıştır. a:before { content: " (" attr(title) ")"; color: red; font-size: 1.1em; } Kendiniz deneyin » CSS content nedir nasıl kullanılır Css content ile seçilen html elemanından önce veya sonrasında bir url ,resim, içerik, tırnak işareti gibi elemanlar eklenebilir. CSS content CSS content özellikleri   Varsayılan Değer: normal   Kalıtsallık: yok   Animasyon Özelliği: yok   Versiyon: CSS2   JavaScript content: Açıklama Oynat CSS content Tarayıcı Desteği Tablodaki sayılar özelliği tam destekleyen ilk tarayıcı sürümlerini gösterir. CSS Kodu:
Devamı