Merhabalar dostlar, ilk konum olacak umarım beğenirsiniz.
Öncelikle bir şeylerden bahsedeyim, bu konuyu açmamın sebebi forumda HTML ile ilgili neredeyse hiçbir şey bulamayışımdır. Ayrıca zaten bir kere daha üstünden geçmek istediğim için hem bana hem de foruma faydalı olacağına inanıyorum.
İkinci olarak konuyu tamamen açık yapacağım, bu konunun çoğunluk olarak yeni yeni bu işlere girmiş arkadaşlara yönelik olduğunu düşündüğüm için sadece sona koyacağım kaynak linklerine hide basacağım. O zaman konumuza giriş yapabiliriz;
Öncelikle HTML ile çalışırken adeta bir lab gibi kullanacağımız Tarayıcı (Browser) nedir? Ona bir göz atalım,
Tarayıcı (Browser), WWW (World Wide Web) 'e erişmek için kullandığımız, web sayfalarını görüntüleyen programlardır. Örnek vermek gerekirse Google Chrome, Mozilla Firefox, İnternet Explorer gibi programlardır.
HTML Nedir?
Hyper Text Markup Language (HTML) bir programlama dili değildir esasen, bir işaretleme dilidir. Bugün tarayıcılar aracılığı ile eriştiğimiz internet sitelerinin oluşturulmasında kullanılır. Aslında HTML sitelerin iskeletini oluşturuyor diyebiliriz, <head>, <body> gibi tag'lar ile. Neyse şaka bir yana HTML ile yazının konumunu, biçimini, sitelerde gördüğünüz tablolar, listeler gibi birçok şey oluşturulabiliyor.
Ee iyi dostum anlattın bu nedir diye de şimdi ne yapacağız?
Bir not defteri açacağız, basit olarak HTML kodlarımızı yazacağımız yer burası olacak, "ama ben şaşalı bir hacker arayüzü bekliyordum" diyorsanız sabredin, daha farklı editörlerle de yazmaya başlayacaksınız.
HTML Etiketleri
Şimdi bahsedeceğim konu ise HTML'de nasıl yazacağımızı anlatıyor. HTML ile kod yazmak için öncelikle etiketleri bilmemiz gerek. Nedir bu etiketler? "<örnek>" bu iki "küçüktür" "büyüktür" işaretinin arasına yazdığımız birtakım terimler ile etiketler oluşuyor ve "</örnek>" yazdığımız ilk terimi de arasına yazdıklarımız bittikten sonra bir blok haline geçmesi için "/" işareti ile kapatıyoruz.
Daha anlaşılır olması için öğreneceğimiz ilk etiket ile bir örnek vereceğim, ilk etiketimiz <html>, adından da anlaşılacağı üzere tüm açacağımız html dosyalarına <html> ile başlayacağız.
*Şimdi ikinci etikete yani <head> etiketine geçelim. <head> etiketi adından da anlaşılacağı gibi sayfanın başını oluşturur. İskeletteki yeri de şudur:
*Şimdi <head> içine yazabileceğimiz bir etiketten bahsedelim, bu etiket de <title> yani başlıktır. Yazdığımız title sitenin sekme kısmında gözüken başlığını oluşturur.
*Şimdi bunu somut olarak anlamanız için web sayfası üzerinde görüntüleyeceğiz, bunu için farklı kaydedip ardından ".txt" olan uzantıyı ".html" yapmamız gerekiyor. Bunu yaptıktan sonra oluşan web sayfasına giriş yapıyoruz ve boş bir sayfa karşımıza gelecek, sekme kısmına bakarsanız "SPYHACKERZ" yazdığını göreceksiniz.
*Sıradaki etiketimiz <body> etiketi, yine sayfamızın gövdesini kapsar bu etiket. Ama bu sefer bir şeye dikkatinizi çekmek istiyorum çünkü bir sıralama söz konusu burada; Head'i baş, Body'i gövde olarak düşünürseniz Head sayfanın üst kısmında açılıp kapanır ve ardından body'i açarız ve sayfanın sonuna geldiğimizde de kapatırız, (bacaklar yok maalesef
). Görsel olarak şöyle ifade edilebilir;
*Sanırım bu yerli milli şahsıma ait sanat eseri görselden sonra anlaşılmadık bir şey kalmamıştır sıra ile ilgili (Yanlış anlaşılmasın mizah amaçlıdır.)
Bu <body> etiketine bir şeyler yazmaya sabırsızlanıyorsunuz herhalde artık, <body> </body> etiketlerinin arasına yazacağız anlayacağınız üzere , o zaman klasik "merhaba dünya" yazmayı deneyelim bakalım.
*Görseldeki gibi bir sonuç alacaksınız, sayfanın sol üstüne dayalı bir "Merhaba Dünya" olacak. İlk yazımızı da yazdığımıza göre artık clubbed to death dinleyerek kendinizi profesyonel bir hacker sayabilirsiniz (şaka).
Sözün özü bugünlük burada keseceğim, türk dizileri gibi tam "abi dur en heyecanlı yeriydi" denilecek yerde kestim. Amaç merak uyandırmak olsun, Followlarsanız eğer devamı geldiğinde haberdar olabilirsiniz. İyi Forumlar dilerim !
Yararlandığım Kaynak:
Öncelikle bir şeylerden bahsedeyim, bu konuyu açmamın sebebi forumda HTML ile ilgili neredeyse hiçbir şey bulamayışımdır. Ayrıca zaten bir kere daha üstünden geçmek istediğim için hem bana hem de foruma faydalı olacağına inanıyorum.
İkinci olarak konuyu tamamen açık yapacağım, bu konunun çoğunluk olarak yeni yeni bu işlere girmiş arkadaşlara yönelik olduğunu düşündüğüm için sadece sona koyacağım kaynak linklerine hide basacağım. O zaman konumuza giriş yapabiliriz;
Öncelikle HTML ile çalışırken adeta bir lab gibi kullanacağımız Tarayıcı (Browser) nedir? Ona bir göz atalım,
Tarayıcı (Browser), WWW (World Wide Web) 'e erişmek için kullandığımız, web sayfalarını görüntüleyen programlardır. Örnek vermek gerekirse Google Chrome, Mozilla Firefox, İnternet Explorer gibi programlardır.
HTML Nedir?
Hyper Text Markup Language (HTML) bir programlama dili değildir esasen, bir işaretleme dilidir. Bugün tarayıcılar aracılığı ile eriştiğimiz internet sitelerinin oluşturulmasında kullanılır. Aslında HTML sitelerin iskeletini oluşturuyor diyebiliriz, <head>, <body> gibi tag'lar ile. Neyse şaka bir yana HTML ile yazının konumunu, biçimini, sitelerde gördüğünüz tablolar, listeler gibi birçok şey oluşturulabiliyor.
Ee iyi dostum anlattın bu nedir diye de şimdi ne yapacağız?
Bir not defteri açacağız, basit olarak HTML kodlarımızı yazacağımız yer burası olacak, "ama ben şaşalı bir hacker arayüzü bekliyordum" diyorsanız sabredin, daha farklı editörlerle de yazmaya başlayacaksınız.
HTML Etiketleri
Şimdi bahsedeceğim konu ise HTML'de nasıl yazacağımızı anlatıyor. HTML ile kod yazmak için öncelikle etiketleri bilmemiz gerek. Nedir bu etiketler? "<örnek>" bu iki "küçüktür" "büyüktür" işaretinin arasına yazdığımız birtakım terimler ile etiketler oluşuyor ve "</örnek>" yazdığımız ilk terimi de arasına yazdıklarımız bittikten sonra bir blok haline geçmesi için "/" işareti ile kapatıyoruz.
Daha anlaşılır olması için öğreneceğimiz ilk etiket ile bir örnek vereceğim, ilk etiketimiz <html>, adından da anlaşılacağı üzere tüm açacağımız html dosyalarına <html> ile başlayacağız.
HTML:
<html>
</html>*Şimdi ikinci etikete yani <head> etiketine geçelim. <head> etiketi adından da anlaşılacağı gibi sayfanın başını oluşturur. İskeletteki yeri de şudur:
HTML:
<html>
<head>
</head>
</html>*Şimdi <head> içine yazabileceğimiz bir etiketten bahsedelim, bu etiket de <title> yani başlıktır. Yazdığımız title sitenin sekme kısmında gözüken başlığını oluşturur.
HTML:
<html>
<head>
<title>
SPYHACKERZ
</title>
</head>
</html>*Şimdi bunu somut olarak anlamanız için web sayfası üzerinde görüntüleyeceğiz, bunu için farklı kaydedip ardından ".txt" olan uzantıyı ".html" yapmamız gerekiyor. Bunu yaptıktan sonra oluşan web sayfasına giriş yapıyoruz ve boş bir sayfa karşımıza gelecek, sekme kısmına bakarsanız "SPYHACKERZ" yazdığını göreceksiniz.
*Sıradaki etiketimiz <body> etiketi, yine sayfamızın gövdesini kapsar bu etiket. Ama bu sefer bir şeye dikkatinizi çekmek istiyorum çünkü bir sıralama söz konusu burada; Head'i baş, Body'i gövde olarak düşünürseniz Head sayfanın üst kısmında açılıp kapanır ve ardından body'i açarız ve sayfanın sonuna geldiğimizde de kapatırız, (bacaklar yok maalesef
). Görsel olarak şöyle ifade edilebilir;*Sanırım bu yerli milli şahsıma ait sanat eseri görselden sonra anlaşılmadık bir şey kalmamıştır sıra ile ilgili
(Yanlış anlaşılmasın mizah amaçlıdır.)Bu <body> etiketine bir şeyler yazmaya sabırsızlanıyorsunuz herhalde artık, <body> </body> etiketlerinin arasına yazacağız anlayacağınız üzere , o zaman klasik "merhaba dünya" yazmayı deneyelim bakalım.
*Görseldeki gibi bir sonuç alacaksınız, sayfanın sol üstüne dayalı bir "Merhaba Dünya" olacak. İlk yazımızı da yazdığımıza göre artık clubbed to death dinleyerek kendinizi profesyonel bir hacker sayabilirsiniz
(şaka).Sözün özü bugünlük burada keseceğim, türk dizileri gibi tam "abi dur en heyecanlı yeriydi" denilecek yerde kestim. Amaç merak uyandırmak olsun, Followlarsanız eğer devamı geldiğinde haberdar olabilirsiniz. İyi Forumlar dilerim !
Yararlandığım Kaynak:
