9 Eylül 2021 Perşembe

Javascript Hesap Makinesi

 <html>

<head>

<title> başlık </title>

<script type="text/javascript">

function topla()

{

x=document.getElementById("txt1").value;

y=document.getElementById("txt2").value;

toplam=x+y;

alert(toplam);

}

function cikar()

{

x=document.getElementById("txt1").value;

y=document.getElementById("txt2").value;

fark=x-y;

alert(fark);

}

function carp()

{

x=document.getElementById("txt1").value;

y=document.getElementById("txt2").value;

carpim=x*y;

alert(carpim);

}

function bol()

{

x=document.getElementById("txt1").value;

y=document.getElementById("txt2").value;

bolum=x/y;

alert(bolum);

}

</script>

</head>

<body>

<table border=1 cellpadding=10>

<tr>

<td>1.sayi :</td><td><input type="text" id="txt1"/></td>

</tr>

<tr>

<td>2.sayi:</td><td><input type="text" id="txt2"/></td>

</tr>

<tr>

<td>islemler</td>

<td>

<input type="button" value="TOPLA" onclick="topla()"/>

<input type="button" value="ÇIKAR" onclick="cikar()"/>

<input type="button" value="ÇARP" onclick="carp()"/>

<input type="button" value="BÖL" onclick="bol()"/>

</td>

</tr>

</table>

</body>


</html>


Javascript Parametre Kullanımı

 <html>

<head>

<title> başlık </title>

</head>

<script type="text/javascript">

function topla(x,y)

{

var toplam=x+y;

alert("TOPLAM="+toplam);

}

</script>

</head>

<body>

<input type="button" value="TIKLA" onclick="topla(5,6)">

</body>

</html>


Javascript Birden Fazla Fonksiyon

 <html>

<head>

<title> başlık </title>

</head>

<script type="text/javascript">

function f1()

{

alert("fonksiyon 1");

}

function f2()

{

alert("fonksiyon 2");

}

</script>

</head>

<body>

<input type="button" value="TIKLA" onclick="f1();f2()">

</body>

</html>


Javascript Fonksiyonlarda Döngü

 <html>

<head>

<title> başlık </title>

</head>

<script type="text/javascript">

function dongu()

{

document.write("<h2>fonksiyon içinde döngü kullanıyoruz</h2><p/>");

for(i=1;i<=10;i++)

{

document.write(i+"<br/>");

}

document.write("<p/>döngü bitti..");

}

</script>

</head>

<body>

<input type="button" value="TIKLA" onclick="dongu()">

</body>

</html>


Javascript Fonksiyonları Çağırmak

 <html>

<head>

<title> başlık </title>

</head>

<script type="text/javascript">

function mesaj_gonder()

{

alert("Bu mesaj fonksiyondan gelmektedir");

}

</script>

</head>

<body>

<input type="button" value="TIKLA" onclick="mesaj_gonder()">

</body>

</html>


8 Eylül 2021 Çarşamba

Javascript While Döngüsü

 <html>

<head>

<title> başlık </title>

</head>

<script type="text/javascript">

var x=1;

while(x<10)

{

document.write("Ege Üniversitesi <br/>");

x++;

}

</script>

</html>


Javascript For In Döngüsü

 <html>

<head>

<title> başlık </title>

</head>

<script type="text/javascript">

var x;

var dizi=new Array();

dizi[0]="C#";

dizi[1]="Sql Server";

dizi[2]="Asp.Net";

dizi[3]="Ado.Net";

dizi[4]="HTML";

dizi[5]="CSS";

dizi[6]="Javascript";

dizi[7]="PHP";

dizi[8]="ASP";

for(x in dizi)

{

document.write(dizi[x]);

document.write("<br/>");

}

</script>

</html>


Javascript Continue Komutu

 <html>

<head>

<title> başlık </title>

</head>

<script type="text/javascript">

for(i=1;i<=10;i++)

{

if(i==5)

{

continue;

}

document.write("Şu anki indis degeri="+i);

document.write("<br/>");

}

</script>

</html>


Javascript Break Komutu

 <html>

<head>

<title> başlık </title>

</head>

<script type="text/javascript">

for(i=1;i<=10;i++)

{

document.write("Şu anki indis degeri="+i);

document.write("<br>");

if(i==5)

{

break;

}

}

document.write("döngüden çıkıldı..");

document.write("<p/>");

document.write("son döngü indisi="+i);

</script>

</html>


7 Eylül 2021 Salı

Javascript For Döngüsü 10 Öğrenci Kaldı Geçti Programı

 <html>

<head>

<title> başlık </title>

</head>

<script type="text/javascript">

var ad="";

var ders_not=0;

var durum="";

document.write("<h2>ÖĞRENCİ NOTLARI</h2><p/>");

document.write("<table border=1>");

for(i=1;i<=10;i++)

{

ad=prompt("Öğrenci ismi giriniz");

ders_not=prompt("Öğrenci notu giriniz");

document.write("<tr>");

document.write("<td>"+ad+"</td>");

document.write("<td>"+ders_not+"</td>");

if(ders_not<60)

{

durum="KALDI";

}

else

{

durum="GEÇTİ";

}

document.write("<td>"+durum+"</td>");

document.write("</tr>");

}

document.write("</table>");

</script>

</html>


Javascript Negatif Pozitif İf Else Koşul Yapısıyla Form Ekranında Kontrolü

 <html>

<head>

<title> başlık </title>

</head>


<script type="text/javascript">

function kontrol_et()

{

var deger=document.getElementById("text1").value;

if(deger<0)

{

alert("girilen sayı negatif");

}

else if(deger==0)

{

alert("girilen sayı 0");

}

else if(deger>0)

{

alert("girilen sayı pozitif");

}

else

{

alert("geçersiz deger girdiniz!");

}

}

</script>

<body>

<input type="text" id="text1"/>

<input type="button" value="tıkla" onclick="kontrol_et()">

</body>

</html>


JavaScript İf-Else Dersten Geçti Kaldı Programı

 <html>

<head>

<title> başlık </title>

</head>

<body>

<script type="text/javascript">

var ders_notu=75;

var harf_notu;

if(ders_notu>0 && ders_notu<60)

{

harf_notu="FF";

}

else if(ders_notu<70)

{

harf_notu="CC";

}

else if(ders_notu<80)

{

harf_notu="BB";

}

else

{

harf_notu="AA";

}

document.write("Öğrenci Ders Notu="+ders_notu);

document.write("<br/>");

document.write("Harf Notu="+harf_notu);

</script>

<body/>

</html>


Javascript İf Else Koşulu

 <html>

<head>

<title> başlık </title>

</head>

<body>

<script type="text/javascript">

var x=-4;

if(x>0)

{

document.write("x sıfırdan büyük ise bu yazı çıkar.<p/>");

}

document.write("bu yazı ise her halükarda çıkar.");


</script>

<body/>

</html>


Javascript Mantıksal Operatörler

 <html>

<head>

<title> başlık </title>

</head>

<body>

<script type="text/javascript">

var x=15;

var y=25;

document.write(x==15&&y==20);//false

document.write("<br/>");

document.write(x>10||y<15);//true

</script>

<body/>

</html>


Javascript Aritmetik Operatörler

 <html>

<head>

<title> başlık </title>

</head>

<body>

<script type="text/javascript">

var x=15;

var y=25;

var toplam=x+y;

var fark=x-y;

var carpim=x*y;

var bolum=x/y;

document.write("X="+x+",Y="+y+"<p/>");

document.write("TOPLAM:"+toplam+"<p/>");

document.write("FARK:"+fark+"<p/>");

document.write("ÇARPIM:"+carpim+"<p/>");

document.write("BÖLÜM:"+bolum+"<p/>");

</script>

<body/>

</html>


6 Eylül 2021 Pazartesi

Javascript Değişkenlerin Bir Harf veya Alt çizgi ile Başlama Zorunluluğu

 <html>

<head>

<title> başlık </title>

</head>

<body>

<script type="text/javascript">

var degisken=1;//gecerli

var _degisken=2;//geçerli

var abc123=3; //geçerli

document.write(degisken);

document.write("<br/>");

document.write(_degisken);

document.write("<br/>");

document.write(abc123);

</script>

<body/>

</html>

//Değişkenler bir harf veya alt çizgi ile başlamak zorundadır


Javascript buyuk kucuk degisken kuralı

 <html>

<head>

<title> başlık </title>

</head>

<script type="text/javascript">

var x=0;

var X=24;

var toplam=150;

var Toplam=250;

var TOPLAM=350;

document.write(x);

document.write("<br/>");

document.write(X);

document.write("<br/>");

document.write(toplam);

document.write("<br/>");

document.write(Toplam);

document.write("<br/>");

document.write(TOPLAM);

document.write("<br/>");

</script>

</html>


Javascript body bölümünde javascript kullanmak

 <html>

<head>

<title> başlık </title>

</head>

<body>

Aşağıdaki !.script kodunu görmektesniz <p/>

<script>

document.write("1.script");

</script>

</p>

bu da 2.script kodu<p/>

<script>

document.write("2.script");

</script>

</body>

</html>


2 Eylül 2021 Perşembe

Web tasarım Fileupload Elemanı

 <html>

<head>

<title> başlık </title>

</head>

<body>

<form>

dosya seciniz...<p/>

<input type="file" name="dosya">

</form>

</body>

</html>

Bu eleman ile bilgisayardaki herhangibi bir dosyayı from ekleyebilirsiniz...

Web Tasarım Submit

 <html>

<head>

<title> başlık </title>

</head>

<body>

<table>

<tr>

<td>Kullanıcı Adı:</td>

<td><input type="text" name="text1"></td>

</tr>

<tr>

<td>sifre:</td>

<td><input type="password" name="pass1"></td>

</tr>

<tr>

<td><a href="">sifremi unuttum</a></td>

<td><input type="submit" value="Girişi Yap"></td>

</table>

</body>

</html>


Web Tasarım < optgroup > Etiketi

 <html>

<head>

<title> başlık </title>

</head>

<body>

<select name="liste" size=5>

<optgroup label="programlama">

<option value="1">C#</option>

<option value="2">VB</option>

<option value="3">java</option>

</optgroup>

<optgroup label="veri tabanı">

<option value="1">Sql Server</option>

<option value="2">MySql</option>

<option value="3">oracle</option>

</optgroup>

<optgroup label="web programlama">

<option value="1">Asp.Net</option>

<option value="2">Php</option>

<option value="3">html</option>

</optgroup>

</select>

</body>

</html>

Bu etiket ile liste içinde gruplar oluşturalabilir...


Web Tasarım Select Kullanımı

 <html>

<head>

<title> başlık </title>

</head>

<body>

Hangi şehirde oturuyorsunuz?<p/>

<select name="liste" size="5">

<option value="1">Istanbul</option>

<option value="2">Ankara</option>

<option value="3">Izmir</option>

<option value="1">Bursa</option>

<option value="2">Çanakkale</option>

<option value="3">Antalya</option>

<option value="4">Diğer</option>

</select>

</body>

</html>


Web tasarım Checkbox

 <html>

<head>

<title> başlık </title>

</head>

<body>

Bildiğiniz teknolojileri işaretliyiniz..</p>

<input type="checkbox"/>C#<br/>

<input type="checkbox"/>Java<br/>

<input type="checkbox"/>Asp.Net<br/>

<input type="checkbox"/>Ado.net<br/>

<input type="checkbox"/>Sql Server<br/>

<input type="checkbox"/>Oracle<br/>

<input type="checkbox"/>Html<br/>

<input type="checkbox"/>Php<br/>

<input type="checkbox"/>Mysql<br/>

</body>

</html>


1 Eylül 2021 Çarşamba

Web Tasarım Value Varsayılan Deger

 <html>

<head>

<title> başlık </title>

</head>

<body>

<form>

email:<p/>

<input type="text" name="text1" value="Lütfen geçerli bir mail yazın"/>

</form>

</body>

</html>


Web Tasarım Maxlenght (Textboxa Girilecek Maximum Karakter)

 <html>

<head>

<title> başlık </title>

</head>

<body>

<form>

Aşağıdaki textboxta en fazla 8 karakter girebilirsiniz<p/>

<input type="text" name="text1" maxlength="8"/>

</form>

</body>

</html>


Web Tasarım İç İçe Tablolar

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="1" width=300 height=300 cellpadding=30>

<tr>  <td>Dıştaki tablonun 1.satırı  </td></tr>    

<tr>

<td>        

<table border=5 bgcolor=#ffffcc>

<tr>

<td>

dıştaki tablonun 2.satırı <br/>

içteki tablonun 1.satırı

</td>

</table>

</td>

</tr>

</body>

</html>


Web Tasarım Align (Tablo Konumu Belirleme)

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="1" align=center>

<tr>

<td>1.satır,1.sütun</td>

<td >1.satır,2.sütun</td>

</tr>

<tr>

<td >1.satır,1.sütun</td>

<td >1.satır,2.sütun</td>

</tr>

</table>

</body>

</html>


Web Tasarım Cellpadding

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="1" cellpadding=30>

<tr>

<td>1.satır,1.sütun</td>

<td >1.satır,2.sütun</td>

</tr>

<tr>

<td >1.satır,1.sütun</td>

<td >1.satır,2.sütun</td>

</tr>

</table>

</body>

</html>

Bu özellik hücre kenarı ile yazılar arasındaki mesafeyi belirtir

Web tasarım Cellspacing Özeliği

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="1" cellspacing=30>

<tr>

<td>1.satır,1.sütun</td>

<td >1.satır,2.sütun</td>

</tr>

<tr>

<td >1.satır,1.sütun</td>

<td >1.satır,2.sütun</td>

</tr>

</table>

</body>

</html>

Hücre İçindeki mesafeyi belirtir


Web Tasarım Background Özeliği Her hücreye Farklı Resim Yerleştirme

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="1"width=2000 height=2000>

<tr>

<td background=C:\yedek\resimlerim\1.jpg>1.satır,1.sütun</td>

<td background=C:\yedek\resimlerim\2.jpg >1.satır,2.sütun</td>

</tr>

<tr>

<td background=C:\yedek\resimlerim\3.jpg >1.satır,1.sütun</td>

<td background=C:\yedek\resimlerim\4.jpg >1.satır,2.sütun</td>

</tr>

</table>

</body>

</html>


Web Tasarım Backgrouund Arka Plana Resim Yerleştirme Özeliği

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="1"width=500 height=300 background=C:\yedek\resimlerim\1.jpg>

<tr>

<td>1.satır,1.sütun</td>

<td>1.satır,2.sütun</td>

</tr>

</table>

</body>

</html>

Bu özellik tabloların arka tarafına resim yerleştirilir...


Web Tasarım Bgcolor Özeliği

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="1"bgcolor="yellow">

<tr>

<td>1.satır,1.sütun</td>

<td>1.satır,2.sütun</td>

</tr>

</table>

</body>

</html>

Bu özellik tablonun arka rengini oluşturur...

Web Tasarım Width Height Özelikleri

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="1"width="50%"height="50%">

<tr>

<td>1.satır,1.sütun</td>

<td>1.satır,2.sütun</td>

</tr>

</table>

</body>

</html>


Web Tasarım Tablolarda Border (Çerceve Özeliği)

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="10">

<tr>

<td>1.satır,1.sütun</td>

<td>1.satır,2.sütun</td>

</tr>

<tr>

<td>2.satır,1.sütun</td>

<td>2.satır,2.sütun</td>

</tr>

</table>

</body>

</html>


Web Tasarım Satırları Birleştirmek Rowspan

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="2">

<tr>

<td colspan=2>Burası 2 kolondan oluşur</td>

</tr>

<tr>

<td>2.satır,1.sütun</td>

<td rowspan=2>Burası 2 satırdan oluşur</td>

</tr>

<tr>

<td>3.satır,1.sütun</td>

</tr>

</table>

</body>

</html>


Web tasarım Sütunları Birleştirmek Colspan

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="2">

<tr>

<td colspan=2>Burası 2 kolondan oluşur</td>

</tr>

<tr>

<td>2.satır,1.sütun</td>

<td>2.satır,2.sütun</td>

</tr>

<tr>

<td>3.satır,1.sütun</td>

<td>3.satır,2.sütun</td>

</tr>

</table>

</body>

</html>


Web Tasarım Tablolara Başlık Oluşturma < thead >

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="2" width=600>

<thead><b>ÖĞRENCİ NOT ÇİZELGELERİ</b></thead>

<th>Ad,Soyad</th>

<th>Vize Notu</th>

<th>Final Notu</th>

<th>Geçme Durumu</th>

<tr>

<td bgcolor=#ffffcc>1</td>

<td>Musa Çicek</td>

<td>60</td>

<td>85</td>

<td>Geçti</td>

</tr>

<tr>

<td bgcolor=#fffcc>2</td>

<td>Mehmet Duran</td>

<td>60</td>

<td>55</td>

<td bgcolor=red>Kaldı</td>

</tr>


</table>

</body>

</html>


Web Tasarım Tablo Örnekleri Arka Renk

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="2" width=600>

<th>Ad,Soyad</th>

<th>Vize Notu</th>

<th>Final Notu</th>

<th>Geçme Durumu</th>

<tr>

<td bgcolor=#ffffcc>1</td>

<td>Musa Çicek</td>

<td>60</td>

<td>85</td>

<td>Geçti</td>

</tr>

<tr>

<td bgcolor=#fffcc>2</td>

<td>Mehmet Duran</td>

<td>60</td>

<td>55</td>

<td bgcolor=red>Kaldı</td>

</tr>


</table>

</body>

</html>


Web Tasarım Tablo Örnekleri Öğrenci Notları Örneği

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="2" width=600>

<th>Ad,Soyad</th>

<th>Vize Notu</th>

<th>Final Notu</th>

<th>Geçme Durumu</th>

<tr>

<td>1</td>

<td>Musa Çicek</td>

<td>60</td>

<td>85</td>

<td>Geçti</td>

</tr>

<tr>

<td>2</td>

<td>Mehmet Duran</td>

<td>60</td>

<td>55</td>

<td>Kaldı</td>

</tr>


</table>

</body>

</html>


Web Tasarım Sütun Başlıkları Belirtmek < th >

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1><hr/><p/>

<table border="2">

<th>1.satır,1sütun</th>

<th>1.satır,2.sütun</th>

<tr>

<td>1.satır,1.sütun</td>

<td>1.satır,2.sütun</td>

</tr>

</table>

</body>

</html>


Web Tasarım Tablo oluşturma Satır belirleme < tr > Sütun Belirlemek < td >

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Tablo Örnekleri<h1>

<table border="2">

<tr>

<td>1.satır,1sütun</td>

<td>1.satır,2.sütun</td>

</tr>

<tr>

<td>2.satır,1sütun</td>

<td>2.satır,2.sütun</td>

</tr>

<tr>

<td>3.satır,1.sütun</td>

<td>3.satır,2.sütun</td>

</tr>

</table>

</body>

</html>


31 Ağustos 2021 Salı

Web Tasarım Listelerde Link Kullanmak

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>faydalı web siteleri<h1>

<ol>

<li><a href="http://www.microsoft.com">www.microsoft.com</a></li>

<li><a href="http://www.google.com">www.google.com</a></li>

<li><a href="http://www.yahoo.com">www.yahoo.com</a></li>

</ol>

</body>

</html>


Web tasarım Liste Örnekleri Type Özeliği

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Liste örnekleri<h1>

Aşağıdaki programlama dillerinden hangileri biliyorsunuz?</p>

<ol type=A>

<li>C#</li>

<li>java</li>

<li>Asp.net</li>

<li>php</li>

<li>javascript</li>

</ol>

</body>

</html>

type özeliği

1-1,2,3,4,...

A-A,B,C,D,...

a-a,b,c,d,..

I-I,II,III,IV..

i-i,ii,iii,iv,..



web tasarım listeler < li > < ol >

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>Liste örnekleri<h1>

Aşağıdaki programlama dillerinden hangileri biliyorsunuz?</p>

<ol>

<li>C#</li>

<li>java</li>

<li>Asp.net</li>

<li>php</li>

<li>javascript</li>

</ol>

</body>

</html>



web tasarım border özeliği

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>RESİMLER<h1>

<img src="C:\yedek\resimlerim\1.jpg" width="200" height="180" border="5"/><p/>

</body>

</html>

border özeliği resme çerceve çizer<p/>


web tasarım align yatay kullanımı

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>RESİMLER<h1>

<img src="C:\yedek\resimlerim\1.jpg" width="200" height="180" align="right"/>

<img src="C:\yedek\resimlerim\2.jpg" width="200" height="180" align="left"/>

<img src="C:\yedek\resimlerim\3.jpg" width="200" height="180" align="center"/>


</body>

</html>

align resimleri left right yatay ve center ortaya konumlandırmak için kullanılır<p/>


web tasarım title özeliği

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>RESİMLER<h1>

<img src="C:\yedek\resimlerim\1.jpg" width="200" height="180" title="güzel resim"/>


<img src="C:\yedek\resimlerim\2.jpg" width="200" height="180"/>

<img src="C:\yedek\resimlerim\3.jpg" width="200" height="180"/>

</body>

</html>

title öeliği resmin üzerine mouse gelindiğinde açıklama yazısı ekrana gelecektir..


Web Tasarım Resimlerin Boyutlarını Ayarlama

 <html>

<head>

<title> başlık </title>

</head>

<body>

<h1>RESİMLER<h1>

<img src="C:\yedek\resimlerim\1.jpg" width="200" height="180"/>

<img src="C:\yedek\resimlerim\2.jpg" width="200" height="180"/>

<img src="C:\yedek\resimlerim\3.jpg" width="200" height="180"/>

</body>

</html>


30 Ağustos 2021 Pazartesi

web tasarım resimlere link vermek

 <html>

<head>

<title> başlık </title>

</head>

<body>

bizimle iletişime geçmek için aşağıdaki resme tıklayın </p>

<a href="iletisim.html" target="_blank"><img src="C:\yedek\resimlerim\1.jpg"></a></p>

</body>

</html>


web tasarım href özeliği bir web sayfasına link vermek

 <html>

<head>

<title> başlık </title>

</head>

<body>

<a href="http://www.google.com"> google sayfasına git</a>

</body>

</html>


web tasarım face,size ve color özellikleri beraber kullanımı

 <html>

<head>

<title> başlık </title>

</head>

<body>

<font face="Courier New" color="red" size="7">

bu yazı coruer new tipinde ,7 buyklüğünde ,kırmızı yazıdır.</font></p>

<font face="verdana" color="blue" size="5">

bu yazı verdana tipinde,5 büyüklüğünde,mavi yazıdır.

</font></p>

<font face="Times New Roman" color="black" size="6">

bu yazı times new roman tipinde,6 büyüklüğünde, siyah yazıdır.

</font></p>

</body>

</html>


web tasarım color özeliği

 <html>

<head>

<title> başlık </title>

</head>

<body>

<font color="red"> kırmızı </font></p>

<font color="green"> yeşil </font></p>

<font color="blue">mavi </font></p>

<font color="yellow"> sarı</font></p>

<font color="black"> siyah </font></p>

<font color="gray"> gri </font></p>

<font color="orange"> turuncu </font></p>

<font color="brown">kahverengi</font></p>

</body>

</html>


web tasarım size özeliği

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

<font size=1> yazı büyüklüğü=1 </font></p>

<font size=2> yazı büyüklüğü=2 </font></p>

<font size=3> yazı büyüklüğü=3 </font></p>

<font size=4> yazı büyüklüğü=4 </font></p>

<font size=5> yazı büyüklüğü=5 </font></p>

<font size=6> yazı büyüklüğü=6 </font></p>

<font size=7> yazı büyüklüğü=7 </font></p>

</body>

</html>


web tasarım face özeliği

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

<font face="Arial"> Arial tipte yazı </font>

</body>

</html>


web tasarım < blockquote > yazıları içe kaydıran etiket

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

descartes der ki;

<blockquote>düşünüyorum , o halde varım..</blockquote>

</body>

</html>

<p/>< blockquote >bu etiketin arasında kalan yazılar içe kayar


web tasarım < h 1 > ....< h 6 > etiketi yazıları büyütür küçültür...

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

<h1>başlık 1<h1>

<h2>başlık 2<h2>

<h3>başlık 3<h3>

<h4>başlık 4<h4>

<h5>başlık 5<h5>

<h6>başlık 6<h6>

</body>

</html>

<p/>


web tasarım < / pre > yazıların olduğu gibi yazılmasını sağlar...

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

<pre>

merhabalar...

Bu kitaplarda :

       1-HTML dilini tanıyacak

   2-HTML ile örnekler yapacak

   3-Ve kendinize ait web sifresi yapmayı öğreneceksiniz


</pre>

</body>

</html>

<p/>

< / pre > yazdığımız tüm yazıların aynen yazıldığı gibi gösterir

web tasarım özel karakterler

 


web tasarım & nbsp boşluk etiketi

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

merhabalar...<p/>

<s>bu yazının üstü çizlir </s><p/>

<strong> kalın yazı </strong><p/>

<em> italik yazı </em><p/>

istediğimiz kadar boşluk  &nbsp &nbsp &nbsp &nbsp &nbsp bırakıyoruz


</body>

</html>

<p/>

< /p > etiketi paragraf başı yapmak için <p/>

< / b > yazılan yazının kalın yazılması için kullanılır <p/>

< /i > yazılan yazının italık yazılmasını sağlar <p/>


web tasarım italik yazı < / em >

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

merhabalar...<p/>

ilk web sayfamıza hosgeldiniz..<p/>

<b>bu yazı kalın olacaktır</b> <i> bu yazı italik olacaktır </i> <p/>

<i>italik yazı.. <b>hem kalın hem italik...</b> </i> <b> sadece kalın.</b>

<u>bu yazının altı çizilir </u><p/>


<s>bu yazının üstü çizlir </s><p/>

<strong> kalın yazı </strong><p/>

<em> italik yazı </em><p/>


</body>

</html>

<p/>

< /p > etiketi paragraf başı yapmak için <p/>

< / b > yazılan yazının kalın yazılması için kullanılır <p/>

< /i > yazılan yazının italık yazılmasını sağlar <p/>


web tasarım < strong > kalın yazı etiketi

<html>

<head>

<title> başlık </title>

</head>

<body text="red">

merhabalar...<p/>

ilk web sayfamıza hosgeldiniz..<p/>

<b>bu yazı kalın olacaktır</b> <i> bu yazı italik olacaktır </i> <p/>

<i>italik yazı.. <b>hem kalın hem italik...</b> </i> <b> sadece kalın.</b>

<u>bu yazının altı çizilir </u>

<s>bu yazının üstü çizlir </s>

<strong> kalın yazı </strong>


</body>

</html>

<p/>

< /p > etiketi paragraf başı yapmak için <p/>

< / b > yazılan yazının kalın yazılması için kullanılır <p/>

< /i > yazılan yazının italık yazılmasını sağlar <p/>

 

web tasarım < / s > üstü çizmek etiketi

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

merhabalar...<p/>

ilk web sayfamıza hosgeldiniz..<p/>

<b>bu yazı kalın olacaktır</b> <i> bu yazı italik olacaktır </i> <p/>

<i>italik yazı.. <b>hem kalın hem italik...</b> </i> <b> sadece kalın.</b>

<u>bu yazının altı çizilir </u>

<s>bu yazının üstü çizlir </s>


</body>

</html>

< /p > etiketi paragraf başı yapmak için

< / b > yazılan yazının kalın yazılması için kullanılır

< /i > yazılan yazının italık yazılmasını sağlar


web tasarım altı çizmek için etiket

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

merhabalar...<p/>

ilk web sayfamıza hosgeldiniz..<p/>

<b>bu yazı kalın olacaktır</b> <i> bu yazı italik olacaktır </i> <p/>

<i>italik yazı.. <b>hem kalın hem italik...</b> </i> <b> sadece kalın.</b>

<u>bu yazının altı çizilir </u>


</body>

</html>

< /p > etiketi paragraf başı yapmak için

< / b > yazılan yazının kalın yazılması için kullanılır

< /i > yazılan yazının italık yazılmasını sağlar


web tasarım kalın yazdırma < /b > paragraf başı < /p > etiketleri

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

merhabalar...<p/>

ilk web sayfamıza hosgeldiniz..<p/>

<b>bu yazı kalın olacaktır</b> fakat bu yazı kalın değildir

</body>

</html>

< /p > etiketi paragraf başı yapmak için

< / b > azılan yazının kalın yazılması için kullanılır

web tasarım çizgiyi şekilendirme renk verme

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

html sayfalarında yatay çizgiler çizebilirsiniz<p/>

<hr width="100" align="left" color= "blue" />

<p/>

yukarıda bir çizgi çizilmiştir

</body>

</html>

web tasarım çizgiyi şekilendirme sola koyma

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

html sayfalarında yatay çizgiler çizebilirsiniz<p/>

<hr width="100" align="left"/>

<p/>

yukarıda bir çizgi çizilmiştir

</body>

</html>

web tasarım yatay çizgiye şekil verme

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

html sayfalarında yatay çizgiler çizebilirsiniz<p/>

<hr width="100"/>

<p/>

yukarıda bir çizgi çizilmiştir

</body>

</html>

web tasarım yazılar arasında yatay çizgi çekmek < hr/>

 <html>

<head>

<title> başlık </title>

</head>

<body text="red">

html sayfalarında yatay çizgiler çizebilirsiniz<p/>

<hr/>

<p/>

yukarıda bir çizgi çizilmiştir

</body>

</html>

web tasarım alt satıra geçme < /br >

 <html>

<head>

<title> başlık </title>

<body text="red">

1.satır <br/>

2.satır <br/>

3.satır <br/>

4.satır <br/>

5.satır <br/>

</body>

</html>

web tasarım yazı rengi değiştirme

 <html>

<head>

<title> başlık </title>

<body text="red">

ilk web sayfamız..

</body>

</html>

web tasarım arkaya resim koyma

 <html>

<head>

<title> başlık </title>

<body background="C:\yedek\resimlerim\1.jpg">

ilk web sayfamız..

</body>

</html>

web tasarım sayfa rengi

 <html>

<head>

<title> başlık </title>

<body bgcolor="gray">

ilk web sayfamız..

</body>

</html>

25 Temmuz 2021 Pazar

SQL STRİNG İFADELER,TABLO OLUŞTURMA VE TARİH FONKSİYONLARI

--STRING İFADELER

select SUBSTRING(LastName,3,2) from Employees

select LastName,SUBSTRING(LastName,3,4) from Employees

select SUBSTRING(LastName,3,4)+SUBSTRING(FirstName,1,3) from Employees

select LEFT(LastName,2) from Employees

Select LastName,RIGHT(LastName,3) from Employees

Select LastName,UPPER(Right(Lastname,3)) from Employees

select LastName,LOWER(Right(LastName,3)) from Employees

select Upper(LastName) from Employees

Select UPPER(Left(FirstName,2)+Left(LastName,3)) from Employees

select REVERSE('tarik')

select LEN(FirstName) from Employees where LEN(FirstName)>5

select charindex('ğ','tağrik')

select CHARINDEX('m',firstname),firstname from Employees

--Tablo Oluşturma

--uygulama-calisanlar-sağtık-edit top 200 ver girşi

create database uygulama

create table calisanlar

(

calisanid int primary key identity(1,1),

calisanAdi varchar(40),

calisaSoyad varchar(40),

maasi money default 1000,

baslamatarihi date check(baslamatarihi between '01.01.2010' and getdate()),

calistigi varchar(30) default 'satis'

)

create table kategoriler

(

KategoriID int Primary key identity(1,1),KategoriAdi varchar(30) not null default 'Bilgisayar' unique

)

create table urunler

(

Urunid int primary key identity(1,1),

Urunadi varchar(50),

Kategoriid int references kategoriler(KategoriId),

AlisFiyati money check(AlisFiyati>0),

Birimi char(5) default 'Adet',

StokMiktar int check (stokMiktar between 0 and 1000)

)

create table musteriler1

(

musteriid int primary key identity(1,1),

firmaadi varchar(100),

YetkiliAdi varchar(50) not null,

YetkiliSoyadi varchar(50) not null,

Adres varchar(100),

ceptel char(11)check(len(ceptel)=11 and ceptel like '05[0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9]') unique,eposta varchar(70)

unique check(eposta like '%@%')

)

--Tarih Fonsiyonları

select getdate() --Sistemin o anki Tarihi

select DATEPART(Month,'03.19.2012')

select DATEPART(DAY,'03.19.2012')

select DATEPART(HOUR,'03.19.2012')

select DATEPART(MINUTE,'03.19.2012')

select DATEPART(MINUTE,GETDATE()) AS dakika,DATEPART(HOUR,GETDATE()) as saniye

select*from Employees

select DATEPART(month,birthdate) as ay,FirstName from Employees where DATEPART(month,birthdate)=1

select DATEDIFF(year,'05.03.1995',getdate())

select DATEDIFF(month,'05.03.1995',getdate())

select DATEDIFF(hour,'05.03.1995',getdate())

select DATEDIFF(second,'05.03.1995',getdate())

 

27 Haziran 2021 Pazar

Sql Dilinde Matematiksel İşlemler

 --Sql Dilinde Matematiksel İşlemler--

--SUM(): Toplamasını alır.

--AVG() : Ortalamasını alır.

--ABS() : Mutlak Değeri alır.

--CEILING() : En yakın sayı üstünne yuvarlanarak tam sayı haline getirir.

--FLOOR() : Yuvarlanarak tam sayı haline getirir.

--PI() : Pi sayısını getirir

--POWER() : Üssünü alır.

--RAND() : veri tipi fark etmeksizin Rastgele sayı üretir.

--ROUND() : Yuvarlama

--SIGN() : Sayısal değeri pozitif mi negatif mi?

--SQRT() : Karakökünü getirir

--SQUARE() : Karesini alır

--ISNUMERIC() : Rakam olup olmadığını bilgi verir

select SupplierID from Products group by SupplierID

select sum(unitprice) from Products

select*from Products

select ProductID,ProductName,UnitPrice*UnitsInStock from Products

select*from [Order Details] where ProductID=5

select SUM(quantity) from [Order Details] where ProductID=2

select AVG(Quantity) from [Order Details] group by ProductID order by ProductID desc

select MAX(unitPrice)from [order details]--en yüksek

select min(UnitPrice) from [Order Details]--en düşük

select COUNT(productId) from [Order Details] where UnitPrice>10 and UnitPrice<50

select SUM(UnitsInStock) from Products

select SUM(Freight)  from Orders where ShipVia=1

select sum(discount)  from [Order Details]--indirimleri toplar

select SUM(freight)   from Orders group by ShipCountry--nakliye ücreti

select  SUM(unitsonorder)  from Products where ReorderLevel>5 group by CategoryID--yeniden sipariş seviyesi

select count(unitsinstock) from Products where Discontinued=1 --durdurulan

select AVG(freight)  from orders where ShipCountry='France'

select avg(unitprice)  from Products where ProductName like 'c%' group by Supplierid

select avg(freight) from Orders where OrderDate>'01.01.1990' and ShipCountry like 'sweden'

select  avg(Unitprice) from Products group by CategoryID

select  max(freight)  from Orders where ShipVia=3

select  MAX(UnitsInStock) from Products group by SupplierID

select SUM(UnitsInStock) as [toplam urun miktar] from Products

select  SUM(freight),employeeid    from Orders group by EmployeeID 

select SUM(UnitsOnOrder) from Products group by SupplierID--sipariş üzerinde birimler

select SUM(unitsonorder),CategoryID from Products group by CategoryID 

select SUM(unitsinstock)  from Products where Discontinued=1 and UnitsInStock>10

--having içinde varolan işlemi gösterir gruplamada kullanılır

select COUNT(CustomerId)  from orders where CustomerID='alfki' group by CustomerID

select ShipCountry,COUNT(shipcountry) as Satişmiktarı from Orders where EmployeeID='3' group by ShipCountry order by ShipCountry

--ORDER BY ifadesi kayıtları belirtilen alanda büyükten küçüğe veya küçükten büyüğe göre sıralar. 

--ASC (ascending) parametresi ile küçükten büyüğe, DESC (descending) parametresi ile büyükten küçüğe göre sıralar. 

--Burada sadece sayısal alanlar değil metinsel alanlarda alfabetik olarak sıralanabilir.









13 Haziran 2021 Pazar

Sql Giriş

 select*from Employees

select FirstName,LastName,Title from Employees

select*from customers 

select ContactName,Country from Customers --Tüm veriler

select ContactName,Country from customers

select*from [Order Details] where Quantity>5 and ProductID>20 and UnitPrice>20

select UnitPrice as birim_fiyati,Quantity as miktar,UnitPrice*Quantity as ucret from [Order Details]

select*from Orders

select*from orders where OrderDate>'1996-07-24'

select*from Orders where CustomerID<='e' --eden önceki harfleri gösterir

select*from Customers

select CustomerID,CompanyName,Address,Country,Phone  from Customers

select FirstName,LastName,Title,city,Country from Employees where Country='USA' and City='Seattle'

select*from Products where UnitsInStock='0'

select*from Employees where HireDate>'01.01.1993' and HireDate<'01.01.1994'

select*from [Order Details] where UnitPrice>20 or Quantity<10 

select UnitPrice,(UnitPrice*10)/100+UnitPrice as [KDV'li fiyat]  from [Order Details] where UnitPrice>50

select*from Customers where Country in ('France','Spain','mexico','canada')

select*from Employees where FirstName>'d'

select distinct country from Customers

select distinct quantity from [order details]

select distinct unitprice from [Order Details]

select*from Employees where region is null

select*from Employees where region is not null

select*from Employees order by FirstName asc

select*from Employees order by FirstName desc

select*from Products where UnitPrice>20 order by UnitPrice,UnitsInStock asc

select*from Employees order by city,title,FirstName asc

select*from Employees order by city,title,FirstName desc

select top 5*from Customers

select top 10 percent*from customers order by CustomerID desc

select top 20 percent*from Employees

select top 10*from Products where UnitPrice>20 order by NEWID()

select*from Employees where LastName like 'd%'--d ile başlayan isimler

select*from Employees where LastName like '%d%'--içinde d olan isimler

select*from Employees where LastName like '%h'--sonda h olan isimler

select*from Employees where LastName like '_u%' --soyisminde ikinci karakterinde u harfi olan

select*from Employees where FirstName like '[ar]%'

select*from Employees where FirstName like '[a-r]%' --a ile r arasında

select*from Employees where FirstName like '[^a]%' --adı a ile başlamayan

select FirstName,LastName as [isim soyisim] from Employees

select FirstName+' '+LastName as [isim soyisim] from Employees

select ProductName,UnitsOnOrder from Products where UnitsOnOrder!=0 order by UnitsOnOrder desc

select top 3*from Employees where title='sales representative' order by FirstName asc

select top 20 percent*from Products where UnitPrice between 10 and 30

select distinct SupplierID from Products

select CompanyName,ContactName  from Customers where ContactName like '_[a-c]%' --ikinci harfi a yada c olan contactname

select CustomerID from Customers where CustomerID like '%[cdn]'

select CustomerID from Customers where CustomerID like '[^ak]_[lsn]%'

select CustomerID from Customers where CustomerID like '_[^a]%'