İ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
CSS (Cascading Style Sheets) Basamaklı Stil Sayfaları anlamına gelir.
HTML öğelerine stil atama işlemi 3 yolla yapılabilir.
Satıriçi CSS (inline) - HTML etiketleri içerisinde style özelliği kullanarak
Belgeiçi CSS (internal) - HTML belgesinin <head> kısmında <style> öğesini kullanarak
Harici CSS (external) - Dış bir kaynaktan çekilen Harici CSS dosyaları kullanarak
Stil atamada kullanılan en yaygın yöntem stilleri harici kaynaklı CSS dosyalarında tutmaktır. Biz ise örneklerimizde hem sunumu kolay olduğu için hem de sizin örnekleri kolayca deneyebilmeniz ve isteğinize göre değişiklikler uygulayabilmeniz için Belgeiçi Stilleri kullanıyoruz.
Not: CSS ile ilgili daha fazla bilgi ve örneği CSS Dersleri sayfamızda bulabilirsiniz
Satıriçi Stil Atama (Inline CSS)
Satıriçi stil atama tek bir HTML öğesine stil vermek için kullanılır.
Satıriçi stil biçimlendirmede style özelliği kullanılır.
Aşağıdaki örnekte <p> öğesinin yazı rengini kırmızıya dönüştürüyoruz:
Satıriçi Stil Atama Örnek
<p style="color:red;">Bu kırmızı renkle yazılmış bir paragraftır.</p>
Belgeiçi Stil Atama (Internal CSS)
Belgeiçi stiller her bir HTML sayfası için ayrı bir stili tanımlar.
Belgeiçi stiller, HTML belgesinin <head> bölümünde <style> öğesi içinde verilir.
Belgeiçi stil atama örnek
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color:red;}
h1 {color:green;}
p {color:blue;}
</style>
</head>
<body>
<h1>Başlık</h1>
<p>Paragraf......</p>
</body>
</html>
Harici Stil Sayfaları Oluşturma (External CSS)
Harici stil dosyaları bir çok sayfa için stil tanımlar. Harici stil sayfasıyla bir web sitesinin görünümünü sadece tek bir dosyayı değiştirerek değiştirebilirsiniz.
Harici stil sayfalarını kullanabilmeniz için .css uzantılı sayfa stil şablonu dosyanızı belgeye bir link ile çağırırsınız. Websitenizin barındırma alanı (hosting) veya başka bir barındırma alanından çağıracağınız stil sayfanızı, HTML belgesinin <head> kısmına bir link vererek ekleyebilirsiniz:
Harici Stil Sayfası Örnek
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="googledrive.css"/>
</head>
<body>
<h1>Bu başlık link verilmiş harici bir stil dosyasıyla biçimlendirildi.</h1>
<p>Bu paragraf ve sayfa arka planı da aynı şekilde biçimlendirildi.</p>
</body>
</html>
Harici kaynaklı stil sayfaları herhangi bir metin düzenleme programıyla yazılabilir. Yazılan dosya içerisinde HTML etiketleri yer almaz ve stil dosyanızı kaydederken kullanmanız gereken dosya uzantısı .css olmalıdır.
Örnekteki "googledrive.css" stil dosyasının görünümü:
body {
background-color: yellow;
}
h1 {
font-family: "Comic Sans MS", cursive, sans-serif;
color: #0000CD;
}
p {
font-family: Impact, Charcoal, sans-serif;
color: #DC143C;
}
CSS Fontlar
CSS color özelliği HTML öğesi için kullanılacak yazı rengini tanımlar.
CSS font-family özelliği HTML öğesi için kullanılacak yazı stilini tanımlar.
CSS font-size özelliği HTML öğesi için kullanılacak yazı boyutunu tanımlar.
Örnek
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
font-family: arial;
font-size: 320%;
}
p {
color: blue;
font-family: tahoma;
font-size: 150%;
}
</style>
</head>
<body>
<h1>CSS Font Özellikleri</h1>
<p>CSS <b>color</b> özelliği HTML öğesi için kullanılacak yazı rengini tanımlar.</p>
<p>CSS <b>font-family</b> özelliği HTML öğesi için kullanılacak yazı stilini tanımlar.</p>
<p>CSS <b>font-size</b> özelliği HTML öğesi için kullanılacak yazı boyutunu tanımlar.</p>
</body>
</html>
CSS Kutu Modeli
Göremeseniz de her bir HTML öğesinin çevresinde bir kutu vardır.
CSS border özelliği HTML öğesinin çevresinde görünür bir kutuyu tanımlar.
Örnek
p {
border: 2px solid red;
}
CSS padding özelliği ise kenarlığın içindeki boşluk aralığını tanımlar:
Örnek
p {
border: 2px solid red;
padding: 15px;
}
CSS margin özelliği de kenarlığın dışındaki boşluk aralığını tanımlar:
CSS örneklerinde gördüğünüz px değeri, boyutların piksel birimi ile tanımlandığını ifade eder.
id Özelliği
Yukarıdaki örneklerin tamamında HTML öğelerinin CSS'i genel olarak biçimlendirdi.
Özel olarak tek bir öğe için özel bir stil atamak isterseniz, öncelikle o öğeye bir id özelliği eklemelisiniz:
<p id="farkli">Bu diğerlerinden farklı bir paragraf....</p>
Daha sonra id özelliği eklediğiniz öğe için farklı bir stil düzenleyin. Buradaki örneğimizde farklı stil atayacağımız paragraf için farkli adıyla bir id özelliği belirledik.
Şimdi farkli adında id tanımladığımız paragrafımız için CSS özelliği belirleyelim:
Örnek
p#farkli {
color: red;
}
class Özelliği
Özel bir öğe sınıfına veya türüne stil atamak isterseniz, öğeye bir class özelliği eklemelisiniz:
<p class="uyari">Bu diğerlerinden farklı bir paragraf....</p>
Daha sonra class özelliği eklediğiniz öğe için farklı bir stil düzenleyin. Bu örnekte de farklı stil atayacağımız paragraf için uyari adıyla bir class özelliği belirledik.
Şimdi uyari adında class tanımladığımız paragrafımız için CSS özelliği belirleyelim:
Örnek
p.uyari {
color: blue;
}
Not: id özelliğini tek bir öğe için, class özelliğini ise grup öğeler için kullanın.
HTML CSS Konu Özeti
Satıriçi stiller (Inline CSS) atamak için HTML style özelliğini kullanın.
Belgeiçi stiller (Internal CSS) atamak için HTML <style> etiketini kullanın.
Harici stil dosyasına (External CSS) link vermek için <link> etiketini kullanın.
<style> ve <link> öğelerini HTML <head> öğesi içinde kullanın.
Yazı renkleri için CSS color özelliğini kullanın.
Yazı stilleri için CSS font-family özelliğini kullanın.
Yazı boyutu için CSS font-size özelliğini kullanın.
Görünür öğe kenarlıkları için CSS border özelliğini kullanın.
Kenarlık içindeki boşluk aralığı için CSS padding özelliğini kullanın.
Kenarlık dışındaki boşluk aralığı için CSS margin özelliğini kullanın.
YouTube Reklamlarını nasıl engellenir çok kolay Telefonunuzda ,bilgisayarınızda ,Androidte ve Iphone ceptelefonlarınızda YouTube reklamlarını kaldırmak için harika bir tarayıcı ve uygulama var . İnternet paketinizi yemez hızlı güvenilir ve aynı zamanda kullandıkça para kazandırır. Bakalım neymiş bu Harika Youtube reklam engelleyici.Para ödemeden Youtube reklamlarını engelleyebilceğiniz için şimdiden mutlu olun harika bir tarayıcı uygulama sizi bekliyor . Reklamsız YouTube gibi şeylere gidip te para vermeyin boş yere. Youtube reklamları nasıl engellenir ? Sordunuz hemen söyleyeyim Ya bilgisayarınıza reklam engelleyici tarayıcı indireceksiniz ya da mobil telefonunuza güzel bir uygulama indireceksiniz.Benim tavsiyem ise Chrome reklam engelleyici uzantısı kurmanızdansa hem bilgisayarınıza hemde Android IOS telefonunuzda YouTube reklam engelleyici harika bir uygulama tarayıcı indirmek. Acelem var hemen indirmek istiyorum diyorsanız ücretsiz Google ve Youtube reklam engel
2020 Yılının en hızlı ve güvenli tarayıcısı hangisidir nedir diye soracak olursanız kesinlikle tüm dünyanın hem fikir olduğu Brave Browser 'dır.Bu kadar güvenli ve hızlı olmasının yanında reklamları engelleyip kaldırmasına ne demeli ? Ben şapka çıkartırım böyle tarayıcıya. Sizi bilmem 😍 Unutmadan söyleyeyim İnternet Teknolojisinin ve Web'in yani www dediğimiz dünya çağında ağ dediğimiz, vazgeçemediğimiz bağımlısı olduğumuz bu teknolojiye en büyük yapı taşını koyan Javascriptin kurucusu Brendan Eich tarafından yapılmıştır. Daha kime güvenelim değil mi ? 2020 YouTube Reklam Engelleyici İndir Bu harika Reklam Engelleyici uygulama nın hem masa üstü hem mobil versiyonları var .Sizler aşağıdaki Brave Browser Uygulamasını İndir resmine tıkladığınızda otomatik olarak mobil mi masa üstü mü tablet mi kullandığınızı anlayacak ve size uygun sürümünü indirecektir. En hızlı ve En Güvenilir YouTube reklam engelleyicisini indirmek için buraya da tıklayabilirsiniz . En güvenli ta
YouTube reklam engelleyici ile internetten hem para kazan abilir hem de internetteki Google reklamlarını yani YouTube reklamlarını da engelleyebilir, kapatabilirsiniz .Nasıl mı ? Okumaya devam edin bundan sonra kendinize daha çok zaman ayırabilecek hızlı güvenli bir internet keyfi yaşayacaksınız. Reklamları sonsuza kadar kaldıran Uygulamayı Hemen Keşfet YouTube Music gibi ücretli hizmetlere hiç girişmeyin derim. Acelem var diyorsanız hemen Brave Mobil Uygulama | YouTube Reklam Engelleyici 'ı indirin ben de o sırada size reklamları kaldıran uygulama | tarayıcı hakkında bilgi vereyim. Ücretsiz YouTube Reklam Engelleyici YouTube 'da dizi izlerken film izlerken sürekli yerinizden kalkıp reklamı geç butonuna bastığınız oldu mu ? Eminim bu ve benzeri bir çok anınız vardır reklamları kapatma ile ilgili.İşte artık reklamları kapatmayı veya engellemeyi öğrenmenize gerek yok. YouTube Reklam Engelleyici İndir YouTube Reklam Engelleyici Mobil Uygulama yı'ı indirmek için sitesini
İ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 dersleri ne kaldığımız yerden devam ediyoruz ve artık bir webmaster ya da kodyazarı olma yolunda adım adım ilerleyeceğiz.Bir önceki derste html konusunda basit bir başlangıç yapmıştık.Şimdi ise bir kaç hatırlatmayla kod editörlerini kullanarak ders anlatımına devam edeceğiz.Kodlama öğrenmek istiyorum mu demiştiniz? HTML' in açılımı H yper T ext M arkup L anguage yani Güçlü metin işaretleme dili de denebilir.Bu kelimeyi sıkça duyacağınız için açılımını bilmekte yarar var.İnternet sayfaları yapamamızı sağlayan bu dil ile en basit haliyle bir web siteyi aşağıdaki kodlamıştık. <html> <head> <title> Belge başlığı </title> </head> <body> <h1> İçerik Başlığı </h1> <p> Bir paragraf........ </p> <p> Bir başka paragraf........ </p> </body> </html> Şimdi ise yukarıda gördüğünüz kodları editörde çalıştırarak test edin.Eğer kendi kullanacağın
Merhaba arkadaşlar , HTML5 ile SEO uyumlu içerik üretmek için yapabileceğiniz çok basit ama bir blog ve web site için çok önemli olan bir kaç şeyi size paylaşıyorum. HTML5 ile SEO Uyumlu İçerik Üret Başlık Etiketlerini Etkili Kullanın İçeriğinizi önemli anahtar kelimelerle vurgulamak için başlık etiketlerini (H1, H2, H3 vb.) kullanın. Anahtar kelimeleri bu başlık etiketlerinde yerleştirerek sayfanın yapısını anlamlı bir şekilde düzenleyin. İçeriğinizde başlık etiketlerini (H1, H2, H3 vb.) kullanarak sayfada hiyerarşi oluşturun. Ana başlık (H1) sadece bir kez kullanılmalı ve diğer başlık etiketleri (H2, H3 vb.) alt başlıklar için kullanılmalıdır. Meta Etiketlerini Kullanmayı Unutmayın Meta açıklama etiketini kullanarak sayfanın içeriğini özetleyin vemümkünse anahtar kelimelerinizin en azından bir tanesi meta açıklamada bulunsun. Anahtar kelimeleri de bu açıklamada kullanarak arama motorlarının içeriğinizi daha iyi anlamasını sağlayın. Ayrıca, her sayfaya benzersiz bir meta açıkla
Web sitenizden daha fazla para kazanmanın yolları nı arıyorsanız, Adsterra gibi etkili bir reklam ağından faydalanabilirsiniz. Adsterra, bloglarınızda veya web sitelerinizde reklamlar yayınlayarak hızla para kazanmanızı sağlayan bir dizi avantaj sunmaktadır. Geçen yazımıda SEO içeriklerle web sitenizi arama motorlarınızda nasıl üst sıralara taşıyacağımızı anlatmıştık.Siz de web yayıncılık serüveninizde bloglarınızdan daha çok fazla trafik çekip takipçilerinizi ve trafiğinizi paraya dönüştürmek istiyorsanız bu yazı tam size göre. AdsTerra ile Bloğunuzdan Hemen para kazanmaya başlayın ! Adsterra'nın avantajlarından biri, anında reklam görüntülenme imkanıdır. Bir kez kayıt olduktan sonra, Adsterra'nın reklam ağına erişim sağlayarak bloglarınızda veya web sitelerinizde reklamların hemen yayınlanmasını sağlayabilirsiniz . Bu hızlı başlangıç, gelirinizi artırmanızı ve kazancınızı daha da büyütmenizi sağlar. Adsterra'nın sunduğu reklam çeşitliliği de dikkate değerdir. Kaps
Html dersi uygulama örneğimizde html belgesinde temel etiketler ve kullanımını öğreneceğiz.Bu uygulama çok basit bir web sayfasının kodlarıdır.Sizlerde başlığı değiştirerek ya da paragraf etiketlerini değiştirerek kod yazmaya başlayabilirsiniz.Bir web sitesi yapmak için temel kurgu iyi bilinmelidir. <!DOCTYPE HTML> <html> <head> <title>Belge Başlığı</title> </head> <body> <h1>İçerik Başlığım</h1> <p>İlk paragrafım.....</p> </body> </html> Html belgesi uygulama videosu Bir html dökümanının uzantısı html'dir.Aşağıda izleyeceğiniz videoda sıfırdan html derslerine uygulamalarla başlamış olacağız.Videoyu izlemeden önce son hatırlatmaları yapalım. Doctype bildirimi ile tarayıcıya sitemizin html5 ile yapıldığını bildiriyoruz. Sitemiz html kodları içerisinde her elemanı kapsayan en önemli etikettir. Bizler kullanıcı olarak web sitelerinde sadece body kodları arasındaki
<li> Etiketi Örnek Bir sıralı (<ol>) ve bir sırasız (<ul>) HTML listesi: < p > Sıralı liste: < /p > < ol > < li > Siyaset < /li > < li > Ekonomi < /li > < li > Spor < /li > < /ol > < p > Sırasız/maddeli liste: < /p > < ul > < li > Siyaset < /li > < li > Ekonomi < /li > < li > Spor < /li > < /ul > 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>Sıralı liste:</p> <ol> <li>Siyaset</li> <li>Ekonomi</li> <li>Spor</li&g
Yorumlar
Yorum Gönder