İ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
HTML a Etiketi
- Bağlantıyı al
- E-posta
- Diğer Uygulamalar
<a> Etiketi
Örnek
htmlvecssegitimi.blogspot.com adresine verilen bir link
<a href="http://htmlvecssegitimi.blogspot.com.tr/">HTML ve CSS Dersleri<
/a>'ni ziyaret edin!
htmlvecssegitimi.blogspot.com
KAYNAK KODLARI | SONUÇ EKRANI |
---|---|
HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com
<a> Tanımı ve Kullanımı
<a> etiketi bir hyperlink'i yani link vermeyi ifade eder, bir sayfadan bir diğerine bağlantı kurmak için kullanılır.
<a> elementinin en önemli özelliği href özelliğidir, link'in gideceği adresi belirtir.
Varsayılan ayar olarak, link tüm tarayıcılarda aşağıdaki gibi görüntülenir.
- Ziyaret edilmemiş olan link; altı çizili ve mavidir.
- Ziyaret edilmiş olan link; altı çizili ve mordur.
- Aktif, tarayıcıda açık olan link ise; altı çizili ve kırmızıdır.
Tarayıcı Desteği
Element | ||||||
---|---|---|---|---|---|---|
<a> | Var | Var | Var | Var | Var | Var |
İpuçları ve Notlar
- Şu özellikler: download, hreflang, media, rel, target ve type; href özellikleri olmazsa olmazlar.
- Eğer başka bir yönlendirme yapılmamışsa, bağlantı yani link verilmiş bir sayfa tarayıcının o an açık olan sayfasında görüntülenir.
- Linklere stil eklemek için CSS kullanabilirsiniz.
HTML 4.01 ve HTML5 arasındaki farklar
HTML 4.01'de <a> etiketi bir hyperlink (bağlantı) ya da anchor (damga) olabiliyordu. HTML 5'te ise <a> etiketi her zaman bir hyperlink'tir. Bağlantı vermek için kullanılır. Eğer <a> etiketin hiç bir href parametresi yoksa, yönlendirmeyi yapamaz ve bağlantı için yer tutan metin gibi görünür.
Bazı yeni HTML5 özellikleri var ve HTML 4.01'in de artık desteklenmeyen bazı özellikleri var.
Özellikler
= HTML5'te yeni.
Özellik | Değer | Tanım |
---|---|---|
charset | karakter_kodu | HTML 5'te desteklenmiyor.
Köprülenmiş bir dökümanın karakter kümesini belirler |
coords | koordinatlar | HTML 5'te desteklenmiyor.
Bir linkin koordinatlarını belirler |
download | dosya_adı | Kullanıcının köprüye tıkladığında hedefin indirileceğini ifade eder |
href | URL | Köprünün gideceği sayfanın URL'sini belirler |
hreflang | dil_kodu | Köprülenmiş dökümanın dilini belirler |
media | medya_sorgusu | Köprülenmiş dökümanın hangi medya/aygıt için uygun hale getirildiğini belirtir. |
name | bölüm_adı | HTML 5'te desteklenmiyor. Yerine standart id özelliğini kullanın. Anchor'un (tutturucu) adını belirler |
rel | alternate
author bookmark help license next nofollow prefetch prev search tag |
Mevcut döküman ile köprülenmiş döküman arasındaki ilişkiyi belirtir |
rev | text | HTML 5'te desteklenmiyor.
Köprülenmiş döküman ile mevcut döküman arasındaki ilişkiyi ifade eder |
shape | default
rect circle poly |
HTML 5'te desteklenmiyor.
Bir linkin şeklini belirler |
target | _blank
_parent _self _top framename |
Köprülenmiş dökümanın nerede açılacağını belirtir |
type | medya_türü | Köprülenmiş dökümanın medya/ortam türünü ifade eder |
Standart Özellikler
<a> etiketi Standart Özellikleri desteklemektedir.HTML Standart Özellikler 'i inceleyebilirsiniz.
Olay Özellikleri
<a> etiketi Olay Özelliklerini desteklemektedir.HTML Olay Özellikleri 'ni inceleyebilirsiniz.
- Bağlantıyı al
- E-posta
- Diğer Uygulamalar
Bu blogdaki popüler yayınlar
HTML link Etiketi
<link> Etiketi Örnek Harici bir stil dosyasına bağlanma: < head > < link rel= "stylesheet" type= "text/css" href= "googledrive.css"/> < /head > 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> <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B9IeeNUkg43XLWstUHVuTzg5a28" /> </head> <body> <h1>Bu başlık link verilmiş bir stil dosyasıyla biçimlendirildi.</h1> <p>Bu paragraf ve sayfa arka planı da aynı şekilde biçimlendirildi.</p> </body> </html>
Linklerin Renklerini Değiştirme Örnek
<!DOCTYPE html> <html> <head> <style> a:link { color: green; background-color: transparent; text-decoration: none } a:visited { color: brown; background-color: transparent; text-decoration: none } a:hover { color: red; background-color: transparent; text-decoration: underline } a:active { color: orange; background-color: transparent; text-decoration: underline } </style> </head> <body> <p>Linklerin varsayılan renklerini değiştirebilirsiniz.</p> <a href="http://htmlvecssegitimi.blogspot.com/2016/01/html-link-rengi-degistirme-ornek.html" target="_blank">HTML Link Rengi Değiştirme Örneği</a> </body> </html>
HTML nav Etiketi
<nav> Etiketi Örnek Bir kaç navigasyon linki: < nav > < a href= "/anasayfa/"> Anasayfa < /a > | < a href= "/bilim/"> Bilim < /a > | < a href= "/saglik/"> Sağlık < /a > | < a href= "/iletisim/"> İletişim < /a > < /nav > 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> <nav> <a href="http://www.bilimsitem.com">Anasayfa</a> | <a href="http://www.bilimsitem.com/search/label/bilim">Bilim</a> | <a href="http://www.bilimsitem.com/search/label/saglik">Sağlık<
HTML time Etiketi
<time> Etiketi Örnek Saat 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 < time datetime= "2016-03-20 20:00"> Galatasaray - Fenerbahçe maçına < /time > gitmek istiyorum. < /p > 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> <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
CSS position Örnek
<!DOCTYPE HTML> <html lang="en-tr"> <head> <meta charset="UTF-8"> <title>css position özelliği ve örnek uygulama</title> <style> h3 { position: absolute; left: 50px; top: 160px; width:180px; background-color:yellow; border:1px solid black; } </style> </head> <body> <h3>Bu başlık konumlandırma yöntemlerinden absolute değeri almıştır.Ve sayfadaki konumunu left right gibi değerlerle belirleyebiliriz.</h3> <p>Bu örnekte Başlık yazısının normalde bu paragraf etiketinden önce yazıldığı için bu paragrafın yukarısında görünmesi gerekiyordu.Ama biz h3 ile yazdığımız başlığa position:absolute değeri girdiğimiz için sayfada istediğimiz yere konumlandırabiliriz.. Başlık şuan sayfanın üst kısmından 160px aşağısında ve sayfanın sol kenarından 50px uzaklıktadır.</p> &
JavaScript CSS3 column-rule-width Örnek
javascript css3 column-rule-width özelliği örnek uygulama column-rule-width özelliği ile sütunların arasına yerleştirilen çizgilerin çizgi kalınlığı değiştirilebilir. column-rule-width column-rule-width özelliği ile sütunların arasına yerleştirilen çizgilerin çizgi kalınlığı değiştirilebilir. column-rule-width column-rule-width özelliği ile sütunların arasına yerleştirilen çizgilerin çizgi kalınlığı değiştirilebilir. column-rule-width column-rule-width özelliği ile sütunların arasına yerleştirilen çizgilerin çizgi kalınlığı değiştirilebilir. Javascript ile column-rule-width özelliğine "8px" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").style.columnRuleWidth = "8px"; document.getElementById("anakutu").style.MozColumnRuleWidth = "8px"; document.getElementById("anakutu").style.WebkitColumnRuleWidth = "8px&qu
CSS background-color Özelliği
CSS background-color Css background-color özelliği arkaplan rengini tanımlamak için kullanılır. Örnek: Bu örnekte h1 , h2 , h3 ve p html elemanlarının arka planlarını değiştirelim body { background-color: #f2f5a4; } h1 { background-color: #a9adff; } h2 { background-color: #9ee2ef; } h3 { background-color: #ffc5c5; } p { background-color: rgb(255, 102, 102); } Kendiniz deneyin » CSS background-color nedir nasıl kullanılır Background-color html elemanlarının arkaplan renklerinin tanımlanması için kullanılır. CSS background-color CSS background-color özellikleri Varsayılan Değer: border-box Kalıtsallık: yok Animasyon Özelliği: yok Versiyon: CSS3 JavaScript background-color: object.style.backgroundColor="red" Oynat
CSS text-align Özelliği
CSS text-align Css text-align özelliği:bir elemanın metnin yatay hizalamasını belirtir. Örnek: Bu örnekte h1- ve h6 arasındaki başlıklara farklı text-align değerleri uygulanarak özelliğin etkisinin öğrenilmesi amaçlanmıştır. h1 { text-align: center; } h2 { text-align: left; } h3 { text-align: right; } h4 { text-align: center; } h5 { text-align: left; } h6 { text-align: right; } Kendiniz deneyin » CSS text-align nedir nasıl kullanılır Text özelliği gösteren bir html elemanının ortalanmasını sağlamak için veya sola , sağa yaslanmasını sağlamak için kullanılan css özelliğidir. CSS text-align CSS text-align özellikleri Varsayılan Değer: left if direction is ltr, and right if direction is rtl Kalıtsallık: var Animasyon Özelliği: yok Versiyon: C
HTML yorum etiketi ile öğe gizleme örneği
Merhaba arkdaşlar , html işaretleme dilinde yorum etiketini bir webmaster olarak kulanmamız gerekebilir.Bu bize kodların karışmamasını ve disiplinli bir çalışma yapmamıza olanak sağlar. Bu örneği uygulayarak nasıl html yorum tagını yani etiketini kullanabileceğinizi öğreneceksiniz. <!DOCTYPE html> <html> <body> <p>Kodu Çalıştır butonuna tıkladığınızda, yorum etiketleri arasındaki öğe tarayıcıda görüntülenmez. Yorum etiketlerini silerek içeriği görüntüleyebilirsiniz.</p> <!-- Aşağıdaki içeriği şimdilik gizle <img border="0" src="http://3.bp.blogspot.com/-NE-3K559zkQ/ViVybTh5YqI/AAAAAAAAAr8/fvJSe7lEA9Y/s320/cennet_papagani.jpg" alt="papagan" /> --> </body> </html> Bu bloğu yazarken html kaynak kodlarında sürekli güncellemeler ve düzenlemeler yapıyorum.Blogger kaynak görünümüne geçtiğiniz de bir çok yorum satırlarımı bulabilirsiniz. bu örneği tamam
JavaScript CSS position Örnek
javascript css position özelliği örnek uygulama css position:absolute özelliği ile bir kutuyu istediğimiz yere konumlandırabiliriz. Javascript ile position özelliğine absolute değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").style.position = "absolute"; } Çalıştır JavaScript css position © htmlvecssegitimi.blogspot.com
Yorumlar
Yorum Gönder