HTML Nedir?!

Konu: HTML Nedir?! Çarş. Tem. 22, 2009 6:09 pm

HTML Nedir?
HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir. HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer Protocol) kullanılır. HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır. Yazdığımız html dosyaları düz yazı dosyalarından başka bir şey değildir. Yani yazdığımız html dosyalarını bir C ya da Pascal programında olduğu gibi bir derleyici ile derlememize gerek yoktur. Bir siteye girdiğimiz zaman bize görüntülenen ilk sayfa index.html, index.htm, index.asp, index.php ya da default.htm dosyalarından birisidir. index.* dosyaları UNIX ve türevi sunucu sistemler, default.htm dosyasıda WinNT ya da türevi sistemler için giriş sayfası olur. Yukarıda saydıklarımın dışında uzantısı değişik birçok biçemdeki sayfalar da sunucu sistemin ayarları değiştirilerek giriş sayfası yapılabilir.
Web istemcimizin adres satırına http://www.belgeler.org gibi bir ifade yazarsak sunucu sistem bize, o adresin www kök dizinindeki index.html (ya da hangi giriş sayfası tanımlı ise) dosyasını görüntüleyecektir.

HTML Yapısı
Daha öncede söylediğim gibi html dosyaları sadece düz yazı dosyalarıdır. HTML öğrenmesi oldukça basit ve yaratıcılığa fazla açık olmayan bir dildir. Basittir çünkü, internette gezinirken görüntülediğiniz sayfaların hazırlanırken kullanılan teknikleri öğrenmemiz mümkündür (Sayfanın üzerinde farenizin sağ tuşuna bastıktan sonra Kaynağı Görüntüle seçeneği ile). Beğendiğiniz tasarımları kendi sayfanızda kullanabilir, bu tasarımların hangi html kodları kullanılarak yapıldığını öğrenebilirsiniz. Yaratıcılığa fazla açık değil dedim çünkü html ile yazdığınız sayfalar PHP, ASP, ColdFusion, CGI... gibi web programlama dilleri kullanılmadan statik html dışına çıkamaz.HTML kodlarını yazmak için özel bir düzenleyiciye ihtiyacınız yoktur. Bu iş için Windows altında NotePad ya da DOS-Edit, Linux altında pico, joe ya da vi gibi metin düzenleyicileri yeterlidir. HTML sayfalarınızı kod yazmaksızın FrontPage, Netscape Composer gibi programlarla da hazırlayabilirsiniz. Yalnız bu programlar kullanılarak hazırlanan sayfalar genellikle belli bir çerçeve içinde olduğu için zaten dar olan HTML’nin üreticilik alanını daha da daraltmaktadır. Bunun yanı sıra HTML’yi kod düzeyinde bilmenin kullanıcıya her zaman fayda getireceği de unutulmamalıdır (İleriki bölümlerde değineceğim Dinamik Web Tasarımı için HTML’nin kod düzeyinde bilinmesi gereklidir!).

HTML Etiketleri

1ç <html> </html>
2. <head> </head>
3. <body> </body>
4. <title> </title>
5. <center> </center>
6. <hx> </hx> Başlık Etiketleri
7. , , <s> </s>, , <big> </big>, , <tt> </tt>
8. , 
9. <hr>
10. ve 
11. <pre> </pre>
12. Tanımlama Listeleri <dl> </dl>, <dt> </dt>, <dd> </dd>
13. Diğer Listeler <ul> </ul>, <ol> </ol>, <li> </li>
14. <img>
15. <a> </a>
16. 
17. <acronym> </acronym>
18. ******> </meta>
19. HTML'de bu taglardan yararlanırız hepsinin farklı sitelerde açıklaması vardır..

Basit Bir HTML Dosyası Örneği HTML’ye giriş için bu kodları yeterli olacağını düşünüyorum. Bu bölümde buraya kadar öğrendiğimiz HTML kodlarını kullanarak basit bir sayfa yaptım. Kullanılan kodların nerelerde ve nasıl kullanıldığına dikkat etmenizi öneririm. Sayfanın yapımında göze hitap etmesinden çok öğretici olmasına dikkat ettim.

<html>
<head>

****** name="author" content="Acemi tasarımcı">
****** name="description" content="Acemi tasarımcı web okulu">
****** name="keywords" content="web,html,css">
****** http-equiv="content" content-type="text/html; charset=iso-8859-9">
<title>İlk HTML Denemem</title>
</head>


<body text="#000000" bgcolor="#ffffff" link="#808080" vlink="#eaeaea" alink="#000000">
<h1> Bu büyük boyutlu ortalanmamı bir başlık</h1>
 <center>
<h1> Bu da büyük boyutlu bir başlık fakat ortalanmış.</h1>
</center>


 

Buradan itibaren paragrafıma başlayacağım.




Bu sayfayı yapmaktaki amacım etiketlerin ve bağlı kodların nasıl
kullanıldığını göstermektir. Yukarıdaki kırmızı başlığı 
etiketini kullanarak elde ettim. İnternette gezerken ziyaret ettiğiniz
sayfaların kaynağını görüntüleyerek de değişik teknikler öğrenebilirsiniz.



<a href="mailto:fni18444@gantep.edu.tr">Bana e-mail yollayın</a> 
 


Aşağıdaki resmin görüntülenmesi için HTML dosyanızın olduğu dizine
abc.png resmini oluşturmalısınız. 
<a href="http://www.belgeler.org"><img src="abc.png" border="0"></a>
 <center>
<hr width=80%>
Bu altı çizili bir yazı, bu yana yatık, italik, bir yazı 
Bu sayfanın amacı <acronym title="Hyper Text Markup Language">HTML</acronym>
kodları hakkında bilgi vermektir.
<hr width=80%>


</body>
</html>

Konu: :=:=::)))))))))))))) Çarş. Tem. 22, 2009 6:14 pm

sağoL canım şablon yapaerken hep rastlıyom Very Happy

Konu: Geri: HTML Nedir?! Çarş. Tem. 22, 2009 7:45 pm

Hayatımda HTML gibi hep karşık.. xD

Sağol.

» Din Nedir?
» ISS Nedir?