İ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
Özellikler HTML elementleri hakkında ek bilgi verirler.
HTML elementleri özellikler içerebilir.
Özellikler bir element hakkında ek bilgi sağlarlar.
Özellikler her zaman başlangıç etiketi içerisinde belirtilirler.
Özellikler, özelliğin isim/değer çiftleri ile belirtilirler: isim="değer"
lang Özelliği
HTML belgesinin dili <html> etiketi içerisinde belirtilebilir.
Belge dili lang özelliği ile bildirilir.
Bir belgenin dil bildirimi ekran okuyucuları gibi erişilebilirlik uygulamaları ve arama motorları için önemlidir.
Örnek
Dil bildirimi Türkçe olan bir HTML belgesi:
<!DOCTYPE html>
<html lang="tr">
<body>
<h1>İlk Başlığım</h1>
<p>İlk paragrafım......</p>
</body>
</html>
title Özelliği
HTML paragrafları <p> etiketiyle belirtilir.
Aşağıdaki örnekte <p> elementi title özelliğine sahip. İlgili paragraf için bir başlık "title" tanımlar. title Özelliğine atanan değer (value) ise "HTML":
Örnek
<p title="HTML">
HTML (Hypertext Markup Language) web sayfaları oluşturmak için kullanılan standart metin işaretleme dilidir.
</p>
href Özelliği
HTML linkleri <a> etiketiyle tanımlanır. Link adresi ise href özelliği ile belirtilir:
Örnek
<a href="http://htmlvecssegitimi.blogspot.com">Bu bir linktir</a>
Linkler ve <a> etiketiyle ile ilgili daha detaylı bilgiyi ilerleyen derslerde bulabilirsiniz.
Boyut Özellikleri
HTML resimleri <img> etiketiyle tanımlanır. Kaynak dosya adı/uzantısı src ve resmin genişliği width yüksekliği ise height özellikleri ile tanımlanır:
Bir HTML elementinin görüntülenememesi durumunda yerine alternatif metin göstermek için alt özelliği kullanılır.
alt özelliğine atanan değer ekran okuyucular tarafından okunabilir. Bu şekilde, örneğin web sayfasını dinleyen görme engelli birisi girilen alternatif metni dinleyebilir.
Örnek
<img src="HTML-CSS.png" alt="HTML ve CSS Eğitimi" width="424" height="315" />
Öneriler
Her zaman küçük harfli özellikler kullanın
HTML5 standartları, özellik adlarını küçük harflerle yazmayı gerektirmiyor. Özellikleri küçük harflerle veya büyük harflerle de girebilirsiniz. Örnek: Title ya da TITLE
W3C HTML4'te ve XHTML gibi daha disiplinli belge türlerinde küçük harf kullanımını öneriyor.
Küçük harf kullanımı daha yaygın ve yazımı daha kolaydır. Elementleri ve özellikleri yazarken küçük harf kullanmanızı öneririz.
Özellik değerlerini tırnak işaretleri arasında gösterin
HTML5 standartları özellik değerleri için tırnak işaretleri gerektirmez. Yukarıda örneğini verdiğimiz href özelliği şu şekilde de yazılabilir.
Örnek
<a href=http://htmlvecssegitimi.blogspot.com>Bu bir linktir</a>
W3C HTML4'te tırnak işaretlerini kullanmayı öneriyor, XHTML gibi daha disiplinli belge türlerinde ise kullanılmasını gerektiriyor. Bazen tırnak işaretlerini kullanmak gereklidir.
Özellik değerleri için tırnak işaretleri en yaygın kullanımdır. Tırnak işaretlerini çıkarmak hatalara sebep olabilir. Özellik değerlerini her zaman tırnak işaretleri içerisine girmeniz önerilir.
Örneğin; aşağıdaki özellik örneği özellik değeri tırnak işareti içerisinde gösterilmediği için düzgün görüntülenmeyecektir, çünkü girilen özellik değeri içerisinde boşluklar var:
Örnek
<p title=Hypertext Markup Language>
Hypertext Markup Language (HTML) web sayfaları oluşturmak için kullanılan standart metin işaretleme dilidir.
</p>
Tek tırnak işareti veya çift tırnak işareti kullanımı
HTML'de en yaygın kullanım çift tırnak işaretidir ( "değer" ), ama tek tırnak işareti de ( 'değer' ) kullanılabilir.
Eğer özellik değeri kendi içerisinde çift tırnak işareti içeriyorsa tek tırnak işareti içerisine alınmalı:
Örnek
<p title='Zlatan "ibracadabra" Ibrahimovic'>
Ya da tam tersi şekilde de girilebilir:
Örnek
<p title="Zlatan 'ibracadabra' Ibrahimovic">
HTML Özellikleri
HTML'de sık kullanılan bazı özellikler
Özellik
Tanım
alt
Resim için alternatif metni tanımlar
disabled
Bir girdi elementinin devredışı bırakılması gerektiğini belirtir
href
Bir link için URL (web adresi) tanımlar
id
Element için özel bir kimlik/isim tanımlar
src
Resmin URL'sini tanımlar
style
Element için satıriçi CSS stilini belirtir
title
Bir element hakkında ipucu aracı olarak görünen ekstra bilgi sağlar
value
Girdi elementi için değer (metin) tanımlar
Her bir HTML etiketi için kullanılabilecek özelliklere, HTML Element Referansları sayfamızdan etiketlere tıklayarak ulaşabilirsiniz.
<style> Etiketi Örnek <style> elementinin bir HTML belgesinde kullanımı: < html > < head > < style > h1 { color: green; } p { color: red; } < /style > < /head > < body > < h1 > Bu bir başlık < /h1 > < p > Bu bir paragraf... < /p > < /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> <style> h1 {color:green;} p {color:red;} </style> </head> <body> <h1>Bu bir başlık</h1> <p>Bu bir paragraf...</p> </body> </html>
Html5 canvas etiketi ve Javascript yardımı ile çok güzel animasyonlar yapabilir oyunlar programlayabilirsiniz.Sizlere bu yazımda Udemy'de Yayınladığım harika kurs hakkında bilgi vereceğim. Html5 Canvas Animasyon Dersleri 6 Saatlik eğitim sonunda Html5 canvas animasyonları ve oyunları çok kolay bir şekilde yapabilirsiniz.Öncelikle yılan oyunu yapımı ve kurs önizlemesini izleyelim. Eğer sıfırdan oyun geliştirmek istiyorsanız ve javascript ile aranız iyi ise hemen kendi oyununuzu programlamaya başlayın. Yılan oyununu yapmak sadece 1 saat 5 saat boyunca Html5 Canvas yolculuğuna çıkacağız. Javascript Yılan Oyunu Yapımı Diyeceksiniz ki çok basit bir oyun bu ! Kesinlikle öyle basit fakat normal bir oyun yapımında kullanılan neredeyse bütün algoritmalar sorgulamalar bu oyun içerisinde var.Javascript ve programlama gücünüz oyun yapmaya çalışırken maximum seviyeye çıkabilir.Ben denedim :) Udemy'deki Html5 Canvas Animasyon dersleri ve Javascript Oyun Yapımı k
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 lang="en-US"> <head> <meta charset="UTF-8"> <title>border-top-left-radius özelliği ve örnek uygulama</title> <style> div { border: 3px solid red; padding: 20px; background: orange; border-top-left-radius:4em; } </style> </head> <body> <div> border-top-left-radius özelliğini kullanarak üst sol kenar çizgisine yuvarlaklık stilini uygulayabiliriz.</div> </body> </html>
« Önceki Ders Sonraki Ders » Temel HTML Örnekleri Aşağıdaki başlıklar altındaki örnekler HTML'de en sık kullanılan Temel HTML Örnekleri dir. HTML belgelerinizde kullanacağınız bu etiket örnekleri daha detaylı konu anlatımlarını ilerleyen derslerde bulabilirsiniz. HTML Belgeler Tüm HTML belgeleri bir belge türü bildirimi: <!DOCTYPE html> ile başlar. HTML belgesi <html> etiketi ile başlar </html> etiketi ile biter. HTML belgesinin kullanıcı tarafından görünür kısmı olan body " gövde " elementi ise <body> ve </body> etiketleri arasında yer alır. Örnek <!DOCTYPE html> <html> <body> <h1>İlk Başlığım</h1> <p>İlk Paragrafım......</p> </body> </html> Kendiniz deneyin » HTML Başlıklar HTML belgelerinde, HTML başlıkları <h1> den <h6> ya kadar olan başlık etiketleri ile tanımlanır. Örnek <h1>Başlık 1</h1> <
Yorumlar
Yorum Gönder