HTML satırsonları ve boşlukları koruma Örnek

<!DOCTYPE html> <html> <body> <p>code öğesi satırsonlarını ve boşlukları korumaz.</p> <p>Bunu düzeltmek için code öğesini pre öğesi içerisine girebilirsiniz.</p> <pre> <code> var x = 4; var y = 7; document.getElementById("ornek").innerHTML = x + y; </code> </pre> </body> </html>

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML DOCTYPE Bildirimi

HTML <!DOCTYPE> Bildirimi Örnek <!DOCTYPE> Bildirimi: < !DOCTYPE html > < html > < head > < title > Sayfanızın başlığı < /title > < /head > < body > Sayfanızın 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 Sayfanızın başlığı Sayfanızın içeriği........ HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <!DOCTYPE> Tanımı ve Kullanımı  HTML dökümanınızda <html> etiketinden önce, en başta olması gereken şey <!DOCTYPE> bildirimidir.  <!DOCTYPE> bildirimi bi...
Devamı Oku »

CSS height animasyon

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 css height animasyon css height özelliğini kullanarak bu kutunun yüksekliğini "80px"ten "300px"e çıkardık.. css height özelliği html elemanlarının yüksekliğini düzenlemek için kullanılır. css height özelliğinin animasyon özelliği vardır. CSS Animasyonları Internet Explorer 9 ve önceki versiyonlarında çalışmıyor.. HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com
Devamı Oku »

HTML style Etiketi

<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 Bu bir başlık Bu bir paragraf... HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <style> Tanımı ve Kullanımı <style> etiketi HTML belgesi için stil bilgisi olarak tanımlanır. ...
Devamı Oku »

HTML blockquote Etiketi

<blockquote> Etiketi Örnek Başka bir kaynaktan alıntı yapılmış metin: < blockquote cite= "http://www.apple.com/tr/iphone-6s/"> iPhone 6s’i kullandığınız anda, onun bambaşka bir şey olduğunu hissedeceksiniz. 3D Touch, tek bir bastırma hareketiyle her zamankinden daha fazlasını yapmanıza imkan sunuyor. Live Photos, anılarınıza son derece canlı bir şekilde hayat veriyor. Ve bu sadece bir başlangıç. iPhone 6s’i daha derinlemesine incelediğinizde, onun her zerresinde inovasyon olduğunu görebilirsiniz. < /blockquote > 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 Iphone 6S Apple internet sitesinden bir alıntı iPhone 6s’i kullandığınız anda, onun bambaş...
Devamı Oku »

JavaScript CSS3 box-sizing Örnek

javascript css3 box-sizing örnek uygulama KUTU1 KUTU2 KUTU3 Bu örneğimizde 3 tane küçük kutu bir büyük kutu içindedir.Genişlikleri 100px olan küçük kutular genişliği 300px olan kutu içinde yan yana göstermek istediğimizde sorun olmaktadır.Çünkü küçük kutulara 15 px padding değeri atamıştım .Padding ayarlarımızı göz ardı ederek daha rahat tasarım yapmamızı sağlayan bu özelliği birlikte uygulayalım.. Javascript ile box-sizing özelliğine "border-box" 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.style.boxSizing = "border-box"; document.getElementById("anakutu").style.MozBoxSizing = "border-box" } Çalıştır JavaScript css box-sizing © htmlvecssegitimi.blogspot.com
Devamı Oku »

Uyurken Bile Para Kazanmak İster misin

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...
Devamı Oku »

CSS3 border-image-slice uygulama

CSS3 border-image-slice #borderimage {<br>    border: 20px solid transparent;<br>    padding: 20px;    <br>    border-image: url(border.png);<br>    border-image-slice:<span id='rfrnscsscde'> 10</span>;<br>    border-image-repeat: round;<br>    }<br> CSS3 border-image-slice değerleri 28 60 15 25 Sonuç Ekranı Note: Internet Explorer 10, and earlier versions, do not support the border-image-slice property. Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com
Devamı Oku »

Html belgesi yapısını anlama uygulaması

Resim
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ı...
Devamı Oku »