En son web geliştirme öğreticiler

HTML Örnekler


HTML Basic

HTML belgesi
HTML başlıkları
HTML paragraflar
HTML bağlantıları
HTML görüntüleri

Örnekler açıklanmıştır


HTML Attributes

başlık özniteliği title
href niteliği href
Genişlik ve yükseklik nitelikleri
alt özniteliği alt
Tırnak işareti olmadan Özellik
Çalışmıyor tırnak işareti olmadan Özellik

Örnekler açıklanmıştır


HTML Headings

HTML başlıkları
HTML yatay kurallar
HTML kafa

Örnekler açıklanmıştır


HTML Paragraphs

HTML paragraflar
Daha HTML paragraflar
Çizginin kullanılması HTML kırar
Şiir problemleri (some problems with HTML formatting)
Nasıl ile satır sonları ve boşlukları kontrol etmek <pre> etiketi

Örnekler açıklanmıştır


HTML Styles

HTML stilleri
HTML arkaplan rengi
HTML metin rengi
HTML metni yazı tipi
HTML metin boyutu
HTML metni hizalama

Örnekler açıklanmıştır


HTML Text Formatting

Kullanarak Kalın biçimlendirme <b> eleman
Kullanılarak güçlü biçimlendirme <strong> elemanının
Kullanarak İtalik biçimlendirme <i> öğesi
Kullanarak biçimlendirme vurguladı <em> elemanı
Kullanarak Küçük biçimlendirme <small> elementi
Kullanarak İşaretli biçimlendirme <mark> elemanı
İşaretli kullanılarak silindi <del> elemanı
Kullanarak eklenen işaretlenmiş <ins> elemanının
Kullanılarak silinen ve eklenen işaretli <del> ve <ins>
Kullanılarak simge biçimlendirme <sub> elemanı
Kullanarak Üstsimge biçimlendirme <sup> elemanı

Örnekler açıklanmıştır


HTML Quotations and Citations

Kısa alıntılar biçimlendirme <q> elemanı.
Biçimlendirme ile bölümleri alıntı <blockquote> elemanı.
Ile Biçimlendirme belge yazarı / sahibi bilgisi <address> elemanı
Kısaltmalar biçimlendirme ve kısaltmalar <abbr> elemanı
Ile Biçimlendirme çalışma başlığı <cite> elemanı
Ile biçimlendirme metin yönü <bdo> elemanı

Örnekler açıklanmıştır


HTML Computercode Elements

Klavye girişi kullanarak biçimlendirme <kbd> elemanı
Kullanarak Bilgisayar çıktısı biçimlendirme <samp> elemanı
Programlama kodunu kullanarak biçimlendirme <code> elemanı
Koruyarak boşluk ve satır sonları biçimlendirme Programlama kodu
Kullanılarak değişken biçimlendirme <var> elemanının

Örnekler açıklanmıştır


HTML Comments

Gizli comments
Koşullu yorumlar
Ayıklama için yorumlar

Örnekler açıklanmıştır


HTML CSS

Inline CSS ile HTML
İç CSS ile HTML
Harici CSS ile HTML
CSS yazı tipleri ile HTML
Kullanılarak CSS ile HTML id niteliği
Kullanılarak CSS ile HTML class özelliği
HTML ve CSS sınırları
HTML ve CSS dolgusu
HTML ve CSS marjı
HTML ve CSS tam demo

Örnekler açıklanmıştır


HTML Links

Mutlak bir URL kullanarak, Bağlama
Göreceli bir URL kullanarak, Bağlama
Bağlantıların rengini değiştirme
Bağlardaki alt çizgiyi Çıkarma
Bir bağlantının hedefini değiştirme
Bir bağlantı olarak bir resim
Bir yer imi bağlantı oluşturuluyor
Bir çerçevenin patlak bir bağlantı
Bir mailto bağlantısı
Nesneye sahip mailto

Örnekler açıklanmıştır


HTML Images

Dağ
Özellikleri kullanan bir görüntü yükseklik ve genişlik
CSS kullanarak bir görüntü yükseklik ve genişlik
Bir görüntü yüksekliği ve genişliği ile her iki
Başka bir klasörde bir görüntü
Kırık link ile bir görüntü
Başka bir sunucuda bir görüntü
Bir bağlantı olarak bir resim kullanma
Hareketli bir görüntü
Tıklanabilir bölgeler ile bir görüntü haritası
Yüzen görüntü

Örnekler açıklanmıştır


HTML Tables

Temel HTML tabloları
Sınırları olan bir tablo
Daraltılmış sınırları olan bir tablo
Hücre dolgu ile bir tablo
Başlıkları olan bir tablo
Sola hizalı başlıkları bir tablo
Yatay / Dikey tablo başlıkları
Bir başlık ile bir tablo
Birden fazla sütun yayılan Tablo hücreleri
Bir satır daha kapsayan Tablo hücreleri
Hücre aralığı olan bir tablo
Içinde HTML etiketleri ile bir tablo
Id I kullanarak farklı tarzı ile masalar
Id II kullanarak farklı tarzı ile masalar
Sınıf I kullanarak farklı tarzı ile masalar
Sınıf II kullanarak farklı tarzı ile masalar

Örnekler açıklanmıştır


HTML Lists

Sırasız bir listeyi (default)
Disk kurşunlarla bir sırasız liste
Daire mermi ile bir sırasız liste
Kare kurşunlarla bir sırasız liste
Mermiler olmadan bir sırasız liste
Sıralı liste (default)
Sayılarla Sıralı liste
Harflerle Sıralı liste
Küçük harfler ile bir sipariş listesi
Romen rakamlı bir sipariş listesi
Küçük Romen rakamlı bir sipariş listesi
Bir açıklama listesi
Bir yuvalanmış liste I
Bir yuvalanmış liste II
Yatay liste
Yatay liste menüsü

Örnekler açıklanmıştır


HTML Block and inline elements

Şekillendirme <div> elemanlar
Şekillendirici <span> elemanlar

Örnekler açıklanmıştır


HTML Classes

Classing <div> elemanları I
Classing <div> elemanlar II
Sınıflandırma <span> elemanlar

Örnekler açıklanmıştır


HTML Layout

Düzen kullanarak <div> öğelerini
Semantik elemanları kullanılarak Düzeni
Düzen kullanarak <table> elemanları

Örnekler açıklanmıştır


HTML IFrame

Satır içi çerçeve (a frame inside an HTML page)

Örnekler açıklanmıştır


HTML head Elements

Bulunan geçerli HTML belgesi hiçbir <html> <body, and <head>
Hiçbir bulunan geçerli HTML belgesi <head> elemanına
<Title> öğesi belge başlığını tanımlar <title>
<Style> elemanı stil bilgilerini içeren <style>
<Link> elemanı harici bir kaynağa bir ilişkiyi tanımlayan <link>
<Meta> elemanı özel bir meta bilgileri tanımlar <meta>
<Komut> elemanı, müşteri tarafı JavaScripts tanımlar <script>
<Baz> eleman tüm URL'ler için temel URL tanımlar <base>

Örnekler açıklanmıştır


HTML Scripts

Bir komut dosyası ekleme
Kullanımı <noscript> etiketi

Örnekler açıklanmıştır


HTML Forms

Metin girişi ile Form
Radyo düğmesi girişli Formu
Metin alanları ile Form ve Gönder düğmesi
Bir ad özelliği olmayan bir metin alanları ile Form
Form Verilerini gruplandırma
Bir formdan e-posta gönder

Örnekler açıklanmıştır


HTML Form Elements

Basit bir açılır liste
Önceden seçilmiş bir değere sahip bir açılır listesi
Bir metin alanı (a multi-line text input field)
Bir giriş butonu
Kullanımı <datalist> Eleman
Kullanımı <keygen> Eleman
Kullanımı <output> Eleman

Örnekler açıklanmıştır


HTML Input Types

Giriş türü metin
Giriş türü şifre
Giriş türü radyo
Giriş türü onay kutusu
Giriş türü düğmesi
Giriş türü numarası - kısıtlamalarla
Giriş türü numarası - adımlarla
Giriş türü tarih - tarih seçici ile
Giriş türü tarih - kısıtlamalarla
Giriş tipi rengi - renk seçici ile
Giriş türü aralığı
Giriş türü ay
Giriş türü hafta
Giriş türü süresi
Giriş türü datetime
Giriş türü datetime-yerel
Giriş türü e-posta
Giriş türü arama
Giriş türü tel
Giriş türü url

Örnekler açıklanmıştır


HTML Input Attributes

otomatik tamamlama özelliği, autocomplete
novalidate nitelik novalidate
autofocus_attribute
Form nitelik form
FORMACTION nitelik formaction
formenctype nitelik formenctype
formmethod nitelik formmethod
formnovalidate nitelik formnovalidate
formtarget nitelik formtarget
Yükseklik ve genişlik özellikler
liste nitelik list
Minimum ve maksimum nitelikleri
birden nitelik multiple
desen nitelik pattern
Yer tutucu nitelik placeholder
gerekli nitelik required
adım niteliği step

Örnekler açıklanmıştır


HTML5 Canvas

JavaScript ile tuval üzerine çizin
Bir çizgi çizin lineTo()
Bir daire çizin arc()
Bir metin çizin fillText()
Bir metin çizin strokeText()
Lineer bir gradyan çiz
Dairesel gradyanı çiz
Sahip bir resim çizin drawImage()

Örnekler açıklanmıştır


HTML5 SVG

SVG Çember
SVG Dikdörtgen
SVG Yuvarlak Dikdörtgen
SVG Yıldız
SVG Logo

Örnekler açıklanmıştır


HTML5 Media

Bunny oyna
Kontrollerle ayı videoyu oynat
Otomatik oynatma ile ayı videoyu oynat
Kontrollerle At ses çal

Örnekler açıklanmıştır


HTML5 Geolocation

Coğrafi konum koordinatlarını alma
Coğrafi konum hatalarını Kulp
Bir harita ile coğrafi konumu alın
Google harita komut dosyası ile coğrafi konumu alın
Coğrafi konum almak ve pozisyonunu izlemek

Örnekler açıklanmıştır


HTML5 Local Storage

Kalıcı bir isim Mağaza
Kalıcı bir sayacı Mağaza
Bir seans bir sayaç Mağaza

Örnekler açıklanmıştır


More HTML5 Examples

HTML5 sürükle ve bırak
HTML5 uygulama önbelleği
HTML5 web işçileri
HTML5 sunucu gönderilen olaylar