Merhaba arkadaşlar evet hepimizin az çok bilgisi vardır html hakkında ve internet kullanıcısıysak pek çok yerde karşımıza cıkar bu kodlar en basiti bir internet sayfasında sağ click yapıp kaynak kodlarını görüntüle dedimizde bu bize sayfanın html kodlarını verir bakın sayfa ister asp ister php vs.vs. olsun bu bize sadece sayfanın html kodlarını verir.
Neden derseniz şöyle söylim sizin bir internet siteniz var diyelim içinde kullanıcılarınız ve adminleriniz var bunların bir ID ve Passport'ları vardır tabiki bunları sizden başka kimsenin bilmemesi gerekiyor!Bu yüzden karşımıza sadece html kodları cıkar neyse lafı fazla uzatmadan başlayalim.
Bunu neden böyle basit bir şekilde anlatıyorsun diye soracak olursanızda evet artık micrasoft Frontpage die programlar var ama yeni başlayan biri sırf hazır kod kullanarak ve bir gün manuel olarak bir kod kullanması gerektinde kodlara tiren yolu espiri olmadan bakmaması için...
bunları en basitinde bir not defteri ilede deneye bilirsiniz kaydederken uzantısını html olarak kaydedin...
<html>
</html>
bu üst tarafta yazdım kısım sayfamızın html oldunu belirtiyor
<html>
<head>>title>Sayfamızın Başlığı</title></head>
</html>
bunu yazdimizda ekranda her hangi bir şey göremessiniz yani head ingilicede baş kafa anlamına geldi gibi sayfamızın en üst sol tarafına bir başlık eklemenize yarar
ve şunu söylim kesinlikle tag acarken örn söyle bir örnek vereyim
matematik problemi yaparken ([x,y,)] diye kapatmadımız gibi ilk parantez kodum die ilk parantezi kapatmıyoruz tabiki html dede ilk html tagını veya kodunu actim die html i kapatmiyoruz ([x,y]) nasıl ki matematikda böyle yapıyorsak html'de de aynı kural geçerlidir devam edelim...
<html>
<head><title>Sayfa Bşlığımız...</title></head>
<body>
Bu Alanda yazdımız her sey sayfanın içinde yer alır...
</body>
</html>
**** taglarına geçmeden şunları söylemek isterim google gibi arama motorları bu **** taglarını ararlar yani şöyleki siz bir kelime girdinizde sreach dediniz de veya ara bu tüm sitelerin bulundu domainleri gezerek **** taglarına bakarlar ve bulduklarını ekrana yazdırırlar...
*** olarak cıkan alanlar M.E.T.A'dır
<**** NAME="author" CONTENT="NoThing"> Kodu sayfanın
tasarımcı kimliğini gösterir.
<**** NAME="Description" CONTENT="Sayfanızın kısa tanıtımını buraya
yapın."> Kodu sayfanın kısa tanımı yapılmak için kullanılır.
<**** NAME="keywords" CONTENT="Sitenizi arama motorlarında
bulduracak siteniz ile ilgili kelimeleri buraya yazın."> Kodu sayfanın hangi kelimeleri
içerdiğini gösterir.Burası arama motorları için çok önemlidir.
<**** http-equiv=”*******” CONTENT=”5;
URL=http://www.google.com.tr”> ******* ile sayfamız açıldıktan 5 saniye sonra
belirtilen adresi otomatik olarak açacaktır.
<**** http-equiv=”expires” CONTENT=”Wed, 17 Feb 2011 12:00:00 GMT”>
Expires GMT saat sistemine göre belirtilen saat ve tarihte sayfanın dosyası silinecektir.
<**** http-equiv="Content-Type" CONTENT="text/html; charset=windows-
1254"> Kodu sayfanızda ne tür bir metnin olduğunu (text/html yazmakla metnin düz yazı ve
html belgesi olduğunu) ve karakterlerinin hangi kodlama (windows-1254 yazmakla) ile
yapıldığını gösterir.
<**** http-equiv="Content-Language" CONTENT="tr"> Kodu sayfanızın
dilinin Türkçe (istenirse değiştirilebilir.) olduğunu gösterir.
<**** http-equiv=”content-style-type” CONTENT=”text/css”> Content-typestyle
belgemizde kullanılan CSS dosyamızın bir metin dosyası olduğunu belirtir.
<**** NAME="copyright" CONTENT="© 2006 NoThing">
Kodu sayfanın telif hakkının kime ait olduğunu gösterir.
<**** name="GENERATOR" CONTENT="Microsoft FrontPage"> Kodu
sayfanın hangi editörle yapıldığını gösterir.
<**** NAME="ROBOTS" CONTENT="ALL, FOLLOW, INDEX"> Kodu
sayfanızı tüm arama motorlarının veritabanına kaydolabilme hakkının verilmiş olduğunu
gösterir.
<**** NAME="RATING" CONTENT="GENERAL"> Kodu sitenizin hangi
kategoride, sınıfta olduğunu gösterir. GENERAL yazmakla bütün katagoride olduğu
belirtilmiş olur.
şimdide yazı şekillendirme arka plan'a gelelim
<html>
<head><title>Sayfa Başlığı</title></head>
<body bgcolor="blue">
<font color="green">Burdaki yazımız yeşil fakar arka plan rengi mavi olarak çıkacaktır
</font>
</body>
</html>
size komutu ise yazının boyutu belirlen örn
<font size="15">yazının size'ı yani boyutu 15 olur</font>
<br> komutu ise örn satır satır bir şeyler yazmak istiyoruz söyle anlatayım
<br>sayfayayı hazırlarken
<br>dikakt edilmesi gerek
<br>vs.vs.
bunlar alt alta görünecektir ve şunu söylim br komutunun kapanışı yoktur...
ilgiye göre bir sonraki konuları anlatırım...
Neden derseniz şöyle söylim sizin bir internet siteniz var diyelim içinde kullanıcılarınız ve adminleriniz var bunların bir ID ve Passport'ları vardır tabiki bunları sizden başka kimsenin bilmemesi gerekiyor!Bu yüzden karşımıza sadece html kodları cıkar neyse lafı fazla uzatmadan başlayalim.
Bunu neden böyle basit bir şekilde anlatıyorsun diye soracak olursanızda evet artık micrasoft Frontpage die programlar var ama yeni başlayan biri sırf hazır kod kullanarak ve bir gün manuel olarak bir kod kullanması gerektinde kodlara tiren yolu espiri olmadan bakmaması için...
bunları en basitinde bir not defteri ilede deneye bilirsiniz kaydederken uzantısını html olarak kaydedin...
<html>
</html>
bu üst tarafta yazdım kısım sayfamızın html oldunu belirtiyor
<html>
<head>>title>Sayfamızın Başlığı</title></head>
</html>
bunu yazdimizda ekranda her hangi bir şey göremessiniz yani head ingilicede baş kafa anlamına geldi gibi sayfamızın en üst sol tarafına bir başlık eklemenize yarar
ve şunu söylim kesinlikle tag acarken örn söyle bir örnek vereyim
matematik problemi yaparken ([x,y,)] diye kapatmadımız gibi ilk parantez kodum die ilk parantezi kapatmıyoruz tabiki html dede ilk html tagını veya kodunu actim die html i kapatmiyoruz ([x,y]) nasıl ki matematikda böyle yapıyorsak html'de de aynı kural geçerlidir devam edelim...
<html>
<head><title>Sayfa Bşlığımız...</title></head>
<body>
Bu Alanda yazdımız her sey sayfanın içinde yer alır...
</body>
</html>
**** taglarına geçmeden şunları söylemek isterim google gibi arama motorları bu **** taglarını ararlar yani şöyleki siz bir kelime girdinizde sreach dediniz de veya ara bu tüm sitelerin bulundu domainleri gezerek **** taglarına bakarlar ve bulduklarını ekrana yazdırırlar...
*** olarak cıkan alanlar M.E.T.A'dır
<**** NAME="author" CONTENT="NoThing"> Kodu sayfanın
tasarımcı kimliğini gösterir.
<**** NAME="Description" CONTENT="Sayfanızın kısa tanıtımını buraya
yapın."> Kodu sayfanın kısa tanımı yapılmak için kullanılır.
<**** NAME="keywords" CONTENT="Sitenizi arama motorlarında
bulduracak siteniz ile ilgili kelimeleri buraya yazın."> Kodu sayfanın hangi kelimeleri
içerdiğini gösterir.Burası arama motorları için çok önemlidir.
<**** http-equiv=”*******” CONTENT=”5;
URL=http://www.google.com.tr”> ******* ile sayfamız açıldıktan 5 saniye sonra
belirtilen adresi otomatik olarak açacaktır.
<**** http-equiv=”expires” CONTENT=”Wed, 17 Feb 2011 12:00:00 GMT”>
Expires GMT saat sistemine göre belirtilen saat ve tarihte sayfanın dosyası silinecektir.
<**** http-equiv="Content-Type" CONTENT="text/html; charset=windows-
1254"> Kodu sayfanızda ne tür bir metnin olduğunu (text/html yazmakla metnin düz yazı ve
html belgesi olduğunu) ve karakterlerinin hangi kodlama (windows-1254 yazmakla) ile
yapıldığını gösterir.
<**** http-equiv="Content-Language" CONTENT="tr"> Kodu sayfanızın
dilinin Türkçe (istenirse değiştirilebilir.) olduğunu gösterir.
<**** http-equiv=”content-style-type” CONTENT=”text/css”> Content-typestyle
belgemizde kullanılan CSS dosyamızın bir metin dosyası olduğunu belirtir.
<**** NAME="copyright" CONTENT="© 2006 NoThing">
Kodu sayfanın telif hakkının kime ait olduğunu gösterir.
<**** name="GENERATOR" CONTENT="Microsoft FrontPage"> Kodu
sayfanın hangi editörle yapıldığını gösterir.
<**** NAME="ROBOTS" CONTENT="ALL, FOLLOW, INDEX"> Kodu
sayfanızı tüm arama motorlarının veritabanına kaydolabilme hakkının verilmiş olduğunu
gösterir.
<**** NAME="RATING" CONTENT="GENERAL"> Kodu sitenizin hangi
kategoride, sınıfta olduğunu gösterir. GENERAL yazmakla bütün katagoride olduğu
belirtilmiş olur.
şimdide yazı şekillendirme arka plan'a gelelim
<html>
<head><title>Sayfa Başlığı</title></head>
<body bgcolor="blue">
<font color="green">Burdaki yazımız yeşil fakar arka plan rengi mavi olarak çıkacaktır
</font>
</body>
</html>
size komutu ise yazının boyutu belirlen örn
<font size="15">yazının size'ı yani boyutu 15 olur</font>
<br> komutu ise örn satır satır bir şeyler yazmak istiyoruz söyle anlatayım
<br>sayfayayı hazırlarken
<br>dikakt edilmesi gerek
<br>vs.vs.
bunlar alt alta görünecektir ve şunu söylim br komutunun kapanışı yoktur...
ilgiye göre bir sonraki konuları anlatırım...
Son düzenleme:
