Odtu design ekibi olarak sizlere bu bölümde asp, php, html, css dersleri yada tutoriallarını vermek istiyoruz. Yararlı olacağını düşündüğümüz bu bölümden en iyi şekilde faydalanmanız dileğiyle.
Odtudesign dersleri
Ana html tagları, kodları, dersi. Bu kısımdan faydalanmanız dileğiyle. Ayrıca php dersi, asp dersi, yada asp tutorial, css dersi, css tutorial, php tutorial kısmında da faydalanabilirisiniz.
HTML taglarından en önemlileri başlıklar (headings), paragraf ve satır kesme taglarıdır.
Html yi öğrenmenin en güzel yolu örneklerle çalışmaktır. Sizlere özel örnekler sağlayarak sizlere yardımcı olmaya çalışacağız
Başlıklar
Başlık tagları <h1> den <h6> ya kadar sıralanmıştır. <h1> tagı en büyük ve en önemli başlık, <h6> en küçük ve sıra olarak en önemsiz başlık olarak sıralanmıştır
<h1>Bu en önemli ana başlık</h1> <h2>Başlık</h2> <h3>Başlık</h3> <h4>Başlık</h4> <h5>Başlık</h5> <h6>En alt başlık</h6> |
HTML otomatik olarak ekstra bir boşluğu bu başlık taglarının altına ve üstüne koymaktadır koymaktadır.
Parağraflar
Paragraflar <p> tagı ile tanımlanmıştır.
<p>Bu bir parağraf</p> <p>Bu diğer bir parağraf</p> |
HTML otomatik olarak ekstra bir boşluğu bu başlık taglarının altına ve üstüne koymaktadır.
Başlangıç tagından sonra bitiş tagını koymayı unutmayın
Sizinde fark ettiğiniz gibi paragraf tagları bitiş tagsızda yazıldığında çalışmaktadır </p>:
<p>bu bir paragraf <p>Bu diğer bir paragraf |
Bu örnek çoğu browserda çalışmaktadır, fakat siz buna fazla güvenmeyin. Belki ilerleyen HTML versiyonunda bu özellik kalkabilir, ve bitiş tag elementi olmayan taglar çalışmaz hale gelebilir.
HTML elementlerinin hepsinin bitiş taglarının olması ilerleyen html sürümlerinde bir zorunluluk haline gelecektir. Ayrıca internet Explorer için bu kodları anlaşılması kolay ve içeriğin hızlı okunmasına katkıda bulunmaktadır. O yüzden tüm html elementlerini kullanınız.
Satır kesme
<br> tagı satır kesmek için kullanılmaktadır. Bu tagı bir kelimeyi yada cümleye satır kesmek için kullanır, ve eğer yeni bir paragrafa başlamadan satır boşluğu koymak istiyorsanız bu tagı kullanınız
<p>Bu<br> paragraf <br>satır kesme ile ayrılmıştır</p> |
<br> tagı boş bir tagdır. Bu tagın özelliği bitiş tagının olmamasıdır </br>.
<br> yada <br />
Çoğu bölümde sizlerde <br> tagının <br /> tagı olarak yazıldığını farkedeceksiniz
<br> tagının bitiş tagı olmadığı için, ileriki xhtml, xml versiyonlarında bitiş tagsız kelimeler kullanılamaması yüzünden, bu tag kapatılmış halde yazılmaktadır.
<br /> gibi yazılması ilerleyen versiyonlarında html yada xml bölümlerinde daha kabul edilir bir durumdur. O yüzden bu tagı kullanmanızda fayda vardır.
HTML açıklamaları
Açıklama tagları html kaynak kodlarına açıklama yorum koymak için konmuştur. Bu tag browserlarınız tarafından gözden geçirilmez. Bu bölümü koymanızdaki amaç, alt bölümdeki kodları yada koda açıklama koymanız, ve ilerleyen dönemlerde size kolaylıklar sağlaması için koyulur.
<!-- Bu bir açıklama --> |
Dikkat ettiyseniz başlangıç kısmında ünlem işareti koymanıza rağmen, bitiş kısmında bu ünlemi koymadınız!! .
Html elementlerini tekrar gözden geçirelim
- Html elementleri ayrı ayrı isimlere sahiptir (body, h1, p, br)
- Açılış tagı iki tane açısal parantezle başlatılmıştır: <h1>
- Kapatış tagı ise açısal parantez ve bir slash ifadesiyle yapılmıştır. </h1>
- Element içeriği başlangıç ve kapanış taglarından oluşur.
- Bazı html elementleri hiçbir içeriğe sahip değildir
- Bazı html tagları da kapanış tagı içermemektedir.
Ana notlar – Kullanışlı ipuçları
Bir html ile yaptığınız site başka bir browserda nasıl gözüktüğü hakkında kesin bilgilere sahip olamazsınız. Bazı kişilerin büyük çözünürlükte, bazı kişilerin ise küçük çözünürlükte bilgisayarları vardır. Sitenizin içeriği bu ayarlara göre değişmekte ve tabiî ki o bilgisayardaki görüntüsü nüde etkilemektedir. Bu yüzden bu durumu da göz önüne alarak değişik bilgisayar çözünürlüklerde sayfanızı açıp kapatınız.
Html editörlerinde koymuş olduğunuz boşluklar internet browserlarda gözükmemektedir. O yüzden boşluk koymak için de tagları kullanınız.
Boşluklar koymak için <p> paragraf tagını kullanmak kötü bir alışkanlıktır. Bu yüzden <br> tagını bu işler için kullanınız. (fakat kesinlikle <br> tagını liste yapmak için kullanmayınız. Html liste yapmayı öğrenene kadar bekleyin J.)
HTML bazı taglardan sonra otomatik olarak boşluk yada boşluklar koymaktadır. Paragraf, kesme , başlıklarda olduğu gibi.
Bizler ( <hr> tagını), bölümlerimizi birbirinden ayırmak için kullandığımız gibi
HTML Ana tagları
Eğer ana html taglarını tekrar gözden geçirmek istiyorsanız, biz aşağıya bunları sıralamış bulunmaktayız..
Sizler html tagları hakkında daha fazla bilgiye ilerleyen bölümlerimizde sahip olacaksınız.
Tag |
Açıklaması |
<html> |
HTML dokümanını ifade ediyor |
<body> |
Dokümanın gövde kısmını ifade ediyor |
<h1> den <h6> |
1 den 6 ya kadar başlık hiyerarşisini ifade ediyor |
<p> |
Paragrafı ifade ediyor |
<br> |
Satır kesmeyi ifade ediyor |
<hr> |
Çizgiyi ifade ediyor |
<!-> |
Açıklama kısmını ifade ediyor. |
Referanslarimiz - Site tasarimini bitirip, hizmete açtigimiz web siteleri
Haberler - Sitemizden Haberler ve Duyurular
Odtudesign
Links: