Kronik2143
Elmas Madencisi
- Mesajlar
- 835
- En iyi cevaplar
- 0
- Beğeniler
- 447
- Puanları
- 1,090
Merhaba arkadaşlar bu konumda website , tasarım yapmak gibi hayali olan ama
yapamayan arkadaşlar için ufak toplama bir html kursu vericem yazılı anlatım olarak
anlatabildiğim kadarıyla konu ilgi çekerse haftada 2 - 3 ders (istisnalar olabilir) koyabilirim.
Kısaca HTML5 i özetlersek ;
* Sadeleştirilmiş, düzeltilmiş HTML4 ve XHTML dillerinin son sürümüdür.
* Daha fazla yapısal elemana, form elemanlarına ve yeni özelliklere sahiptir.
* Gelişmiş multimedia desteği sunmaktadır.
* JavaScript ve CSS3 teknolojilerini daha etkili bir şekilde kullanmamıza imkan tanır.
Temel HTML5 Yapısı aşşğıdaki gibidir ;
Kod:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sayfa Başlığı</title>
</head>
<body>
</body>
</html>
Bu bizim ana dosyamızdır ve Bir HTML5 belgesi her zaman DOCTYPE etiketi ile başlar ve ardından <html>, <head>, <body> etiketleri eklenir.
<html></html> > Ana eleman olarak kullanılır.
<head></head> > Bu etiketler arasında title, css, script, meta, link, base, object etiketleri kullanılır kısaca sayfa yüzünde
görünmeyen kod parçacıkları head etiketlerinin arasına konulur.
<body></body> > Bu etiketler arasında pencerede gösterilecek içerikler yazılır.
HTML dillerinde sayfaya içerik eklemek, içeriğin konumunu misal sağa yatkın sayfanın en üstü sayfanın en altı gibi, içeriğe
kısıtlı görsel özellikler vermek için etiketler yani tag kullanılır. Etiketler dil tarafından önceden tanımlanmıştır.
Etiketler ve içeriğin oluşturduğu yapı eleman olarak adlandırılır.
Örneğin bir yazıyı kalın yazmak istiyor iseniz html de şöyle bir eleman kullanmalısınız ;
<b>Minecraft Turk</b>
Kullandığımız etiket "<b> , </b>" etiketidir. Bu etiket ile belirleyeceğiniz cümleler kelimeler kalın olarak sayfada gözükecektir.
Fark ettiyseniz Yazının başlangıcında <b> olarak açılmış yazı bittikten sonra aynı şekilde fakat b den önce / işareti konulmuştur,
bunun anlamı etiketi sonlandırmaktır eğer etiketi kapatmaz iseniz sayfada ya hatalar meydana gelicektir.
Character Set Bildirimi ( Türkçe karakter, Semboller ) ;
<meta charset="utf-8">
Meta etiketi head etiketleri arasında kullanılır.
Bu özellik sayfada kullanılan karakter kümesini tanımlamak için kullanılır.HTML5 ile yeni tanımlanan bir özelliktir. Aslında UTF-8
kullanmak çoğu zaman yeterlidir bu UTF-8 sayfada türkçe karakterleti sorunsuz bir şekilde gözükmesini sağlar.
Plugin düzenlerken vs vs çoğu arkadaş bilir bunu.
Bir kaç örnek verip konuyu burada bitirmek istiyorum ;
<a>Link //Yanlış, kapanış etiketi konulmamış.
<p>Açıklama<p> //Yanlış, kapanış etiketi yok.
<div>Div eleman içeriği</div> //Doğru
<span></span> //Doğru
<meta charset="utf-8> ve <meta charset="utf-8"/> //Doğru
✠ Bir sonraki ders.
Ders Listesi
HTML Ders 1
HTML Ders 2
<html></html> > Ana eleman olarak kullanılır.
<head></head> > Bu etiketler arasında title, css, script, meta, link, base, object etiketleri kullanılır kısaca sayfa yüzünde
görünmeyen kod parçacıkları head etiketlerinin arasına konulur.
<body></body> > Bu etiketler arasında pencerede gösterilecek içerikler yazılır.
HTML dillerinde sayfaya içerik eklemek, içeriğin konumunu misal sağa yatkın sayfanın en üstü sayfanın en altı gibi, içeriğe
kısıtlı görsel özellikler vermek için etiketler yani tag kullanılır. Etiketler dil tarafından önceden tanımlanmıştır.
Etiketler ve içeriğin oluşturduğu yapı eleman olarak adlandırılır.
Örneğin bir yazıyı kalın yazmak istiyor iseniz html de şöyle bir eleman kullanmalısınız ;
<b>Minecraft Turk</b>
Kullandığımız etiket "<b> , </b>" etiketidir. Bu etiket ile belirleyeceğiniz cümleler kelimeler kalın olarak sayfada gözükecektir.
Fark ettiyseniz Yazının başlangıcında <b> olarak açılmış yazı bittikten sonra aynı şekilde fakat b den önce / işareti konulmuştur,
bunun anlamı etiketi sonlandırmaktır eğer etiketi kapatmaz iseniz sayfada ya hatalar meydana gelicektir.
Character Set Bildirimi ( Türkçe karakter, Semboller ) ;
<meta charset="utf-8">
Meta etiketi head etiketleri arasında kullanılır.
Bu özellik sayfada kullanılan karakter kümesini tanımlamak için kullanılır.HTML5 ile yeni tanımlanan bir özelliktir. Aslında UTF-8
kullanmak çoğu zaman yeterlidir bu UTF-8 sayfada türkçe karakterleti sorunsuz bir şekilde gözükmesini sağlar.
Plugin düzenlerken vs vs çoğu arkadaş bilir bunu.
Bir kaç örnek verip konuyu burada bitirmek istiyorum ;
<a>Link //Yanlış, kapanış etiketi konulmamış.
<p>Açıklama<p> //Yanlış, kapanış etiketi yok.
<div>Div eleman içeriği</div> //Doğru
<span></span> //Doğru
<meta charset="utf-8> ve <meta charset="utf-8"/> //Doğru
✠ Bir sonraki ders.
Ders Listesi
HTML Ders 1
HTML Ders 2
Son düzenleme: