HTML'e Giriş.. - IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

hitman · 18 Eylül 2006, 03:23

######################
#Yazan/Derleyen: HITMAN
#Site: [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
#Bilgi , paylaştıkça çoğalır.
######################

Komutları ve kullanımını ufak bir web sayfası tasarımı yaparak verecegim, belirteyim..

Bir web tarayicisinin calismasi kısaca su sekilde gerceklesir , web tarayıcı karsıda bulunan Server'a baglanarak belirli bir dosyayi Server'dan ister. Server da internet üzerinden bilgisayara bir metin dosyasi gönderir. Gönderilen metin dosyasini web tarayici yorumlayarak, kodların olup olmadıgına bakar. Bu kodlara göre web sayfasının tasarımı, içerisindeki şekiller ve yazılar düzenlenir.

HTML kullanılarak yazılan kodlara tag denilmektedir. HTML içerisindeki her tag < ve > işaretleri arasında olmaktadir. Her web sayfası <html> tagı ile baslar ve </html> tagı ile biter. Web tarayıcısı bu iki tag'ı gördüğünde bunun bir web sayfası olduğunu anlar ve arasındaki tag'ları ona göre yorumlar. </html> tag'ı içerisinde yer alan / işareti o tag'ın daha önce başlatıldığını ve / ile bitirildigini belirtir. Bir de unutmadan belirteyim her tag "/" isareti ile bitmeyebilir.

Kod: Kodu kopyalamak için üzerine çift tıklayın!

 
<img src="tcbilisim.gif" width="90" height="9" border="0">

Örnegin yukardaki satır bir HTML komutudur. Web sayfalarina resim ekleme amacıyla kullanılır. tcbilisim adındaki .gif uzantili resmi belirli bir uzunlukta ve genislikte cercevesiz olarak sayfaya yerlestirme görevini gerceklestirir. Bu vb. komutlar hakkindaki detayli bilgiyi dokumanin ilerki satirlarinda veya ilerki konularinda elimden geldigince anlatmaya calisacagim.

Simdi ilk web sayfamızı yapmaya baslayalim..

İlk olarak notepad'i acalim. En ust satirina <html> yazdiktan sonra 20-25 satırlık bir bosluk birakalim.(Diger komutlari yazacagimiz icin bosluk biraktık) Ve simdi </html> tag'i ile daha once actigimiz <html> tag'ini kapatalim.

Simdi ornekler uzerinde calismalar yaparak daha güzel sekilde olayi kavramaya calisalim ;

Kod: Kodu kopyalamak için üzerine çift tıklayın!

 
<html> 
<head> 
<title> TcBilisim.ORG</title> 
</head> 
<body> 
T 
C 
B 
 
G 
r 
o 
u 
p 
</body> 
</html>

bunlar notepad'e yazdigimiz komutlar olsun.
Bu komutlar hakkinda aciklamalar yapayim simdide ;

<head> </head> taglari icerisinde <title> komutunu icermek zorundadir. <head> komutu altinda bulunan hicbir sey web sayfasi icinde görüntülenmeyecektir. <head> komutunun icerisinde <title> 'dan baska birde <meta> komutu yer alır. Bu komut web sayfasinin arama motorları tarafindan bulunmasi görevini gerceklestirir. Bu komutu da zaman icerisinde ilerleyen derslerde aciklayacagim elimden geldigince.

<title> komutu sayfanin basligini belirler. <title></title> arasina yazdiginiz yazi sayfanin basligini olusturur yani.

HTML kodlari kullanılırken dikkat etmeniz gereken en onemli hususlardan birisi ise kodlarin acilip kapatilmasinin düzenli bir sekilde yapilmasidir. Açılan her kodun içerisinde açılan her kod, aynı sekilde kodun bitisi yapilarak kapatilmalidir.

Gelelim <body> komutuna. Bu komut <head> komutundan sonra ve </html> den once kullanılır. Web sayfasinin iceriginde görüntülenecek hersey bu <body> </body> taglari arasinda yer alır.

Web sayfasinda yazılan metinler ekrana notepad'deki gibi yansimaz , komutu verildigi sekilde yansir. Bunu göstermek icin TCB Group yazisini alt alta yazdim , fakat bunu göreceginiz sekil asagidaki ekran görüntüsünde gördügünüz gibi farklidir, yanyanadir.

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

Simdilik bu kadar , her gün düzenli olarak bu baslik altinda derslere devam edecegim.

Bir sonraki derste görüsürüz
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

İyi calismalar,,

TCB Group Admin | [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Responsive Mobil Uyumlu Html Sohbet Giriş Sayfası (One Page, Tek Sayfa)	LitmuS	HTML/CSS/JavaScript	5	30 Mart 2024 02:34
Mobil Uyumlu Responsive HTML Sohbet Giriş Sayfası (One Page) \| ÜCRETSİZ	LitmuS	HTML/CSS/JavaScript	10	30 Mart 2024 02:33
IBNSINO v1.0 – Medical Center HTML Template – Tıp Merkezi HTML Script	batuhanqq	Ücretsiz Scriptler	0	08 Mayıs 2022 11:44
Responsive Html Sohbet Giriş Sayfası	LitmuS	HTML/CSS/JavaScript	0	01 Mayıs 2022 15:25
Ücretsiz Mobil Giriş Html sayfası	AspavA	Ücretsiz Scriptler	11	20 Ekim 2019 21:35

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Etiketlenen Kullanıcılar
Etiketlemek istediğiniz kullanıcılar arasına virgül koyunuz. Örnek: nokta,sukunet,NucLear

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.