Merhaba arkadaşlar bugün sizlere elimden geldiği kadar html in en güncel sürümü olan HTML5 E giriş yapıcam öncelikle size 3 Editor sunacağım ben bunlardan Brackets üzerinden devam edeceğim siz istediğinizi seçebilirsiniz. Bu bölümde sanatımız için gerekli olan malzemelerimizi hazırlayacağız.
Editörler;
Atom ~ A hackable text editor for the 21st Century
Sublime Text ~ Sublime Text - A sophisticated text editor for code, markup and prose
Brackets ~ A modern, open source code editor that understands web design
Bracketsın kurulumu için ~> [LİNK EKLENECEK]
-----------------------------------------------------------------
Bizim oluşturduğumuz dosyalar ".html" ile bitmeliki html olduğunu sistem anlayabilsin!
------------------------------------------------------------------
Html5 te her etkinliğimiz <etkinlik> ile başlayabilir örneğin; <html> buradaki etkinliğimiz bizim html altında kullandığımızı belirtir.
ve başına "/" işareti koyularak bitirilir </etkinlik> örneğin;</html> bizim <html> ve </html> arasındaki bütün kodlarımız html etiketini taşır tıpkı oradaki "ve"
de olduğu gibi.
İncelemek için bir html kodumuz;
~Buradaki siyah ok ile gösterdiğim yere fazla takılmanıza gerek yok.
~Biz geçelim kırmızı okla gösterdiğime.Kırmızı okla (yukarıdaki) html kodumuzun başlangıç etiketini görüyoruz ve içerisinde dilini belirten lang="en" yer alıyor.
~Onun bir aşağındaysa <head> yani bizim kafa kısmıımız bu kısımda sitemiz hakkında bir kaç bilgi yer alır. meta etiketi içerisinde charset="UTF-8"olduğunu görebiliyoruz buradada bir çoğunuzun ~Bildiği utf-8 olmazsa türkçe karakterlerin gözükmediği kısım aslında temeli utf-8 de bulunan belli başlı şeylerlen ilgili detay için HTML UTF-8 Reference
~Onun da bir aşağısında title etiketi yer alıyor yani bizim başlığımız.Örneğin sizi şuan sekmede gördüğünüz yukarıdaki yazı aha da orada yazan title.Tabiki kapatmayı unutmuyoruz ve </title> ekliyoruz yoksa oradaki bütün yazılar başlığımız olur ve geçerli olmayabilir bizde bunu istemeyiz.
~</head> de artık bizim kafa bölümümüzün burada bittiğini belirtiyor. yani başka bir bölüme geçtik.
~<body>bölümü bu bölüm bizim vücut bölümümüz asıl site burada geçiyor aslında. şu anda burası boş ama ileride orayı dolduracağız hep birlikte. Kapamayıda unutmuyoruz elbet.
~Son kısmımızda tabiki kodumuzun bittiğini belirtiyor </html> html kodumuz burada bitti demektir.
Editörler;
Atom ~ A hackable text editor for the 21st Century
Sublime Text ~ Sublime Text - A sophisticated text editor for code, markup and prose
Brackets ~ A modern, open source code editor that understands web design
Bracketsın kurulumu için ~> [LİNK EKLENECEK]
-----------------------------------------------------------------
Bizim oluşturduğumuz dosyalar ".html" ile bitmeliki html olduğunu sistem anlayabilsin!
------------------------------------------------------------------
Html5 te her etkinliğimiz <etkinlik> ile başlayabilir örneğin; <html> buradaki etkinliğimiz bizim html altında kullandığımızı belirtir.
ve başına "/" işareti koyularak bitirilir </etkinlik> örneğin;</html> bizim <html> ve </html> arasındaki bütün kodlarımız html etiketini taşır tıpkı oradaki "ve"
de olduğu gibi.
İncelemek için bir html kodumuz;
~Buradaki siyah ok ile gösterdiğim yere fazla takılmanıza gerek yok.
~Biz geçelim kırmızı okla gösterdiğime.Kırmızı okla (yukarıdaki) html kodumuzun başlangıç etiketini görüyoruz ve içerisinde dilini belirten lang="en" yer alıyor.
~Onun bir aşağındaysa <head> yani bizim kafa kısmıımız bu kısımda sitemiz hakkında bir kaç bilgi yer alır. meta etiketi içerisinde charset="UTF-8"olduğunu görebiliyoruz buradada bir çoğunuzun ~Bildiği utf-8 olmazsa türkçe karakterlerin gözükmediği kısım aslında temeli utf-8 de bulunan belli başlı şeylerlen ilgili detay için HTML UTF-8 Reference
~Onun da bir aşağısında title etiketi yer alıyor yani bizim başlığımız.Örneğin sizi şuan sekmede gördüğünüz yukarıdaki yazı aha da orada yazan title.Tabiki kapatmayı unutmuyoruz ve </title> ekliyoruz yoksa oradaki bütün yazılar başlığımız olur ve geçerli olmayabilir bizde bunu istemeyiz.
~</head> de artık bizim kafa bölümümüzün burada bittiğini belirtiyor. yani başka bir bölüme geçtik.
~<body>bölümü bu bölüm bizim vücut bölümümüz asıl site burada geçiyor aslında. şu anda burası boş ama ileride orayı dolduracağız hep birlikte. Kapamayıda unutmuyoruz elbet.
~Son kısmımızda tabiki kodumuzun bittiğini belirtiyor </html> html kodumuz burada bitti demektir.