HTML Nedir?
Download as PPT, PDF1 like2,344 views
HTML'e giriş sunusu. Bu döküman Ramazan Kandemir tarafından hazırlanmıştır.
HTML Nedir?
- 1. Html nedir HTML bir düzenleme dilidir. Yani elinizdeki bilgileri en iyi şekilde belli bir düzene sokarak en kısa zamanda insanlara sunmanızı sağlamak amacı ile geliştirilmiştir. HTML bir programlama dili değildir. Bu nedenle komutlar, kararlar, döngüler gibi klasik programlama birimlerini bu dil içerisinde bulamazsınız.
- 2. Html ile neler yapılabilir tablolar oluşturulabilir listeler yapılabilir yazılar üzerinde değişik formatlar uygulanabilir resimler sayfaya istenildiği gibi yerleştirilebilir
- 3. Html ile neler yapılamaz Veriler işlenemez Veritabanı ile ilgili işlemler gerçekleştirilemez Dosyadan veri okunamaz ve dosyaya veri yazılamaz Tarihe bağlı işlemler gerçekleştirilemez Mail gönderilemez
- 4. Html’in yapısı <html> <head> <title> sayfa başlığım</title> </head> <body> sayfa içeriğim (resim, yazı, animasyon vb…) </body> </html>
- 5. Html’in özellikleri Taglardan oluşur <title>başlığım</title> Açılan her tag mutlaka kapatılmalıdır. Html tagları büyük ve küçük harf duyarlı değildir. Yani <Body> <body> arasında fark yoktur Sayfa uzatıları htm veya html’dir. (sayfa.html) Html dosyalarını isimlendirken büyük/küçük harfleri ( ingiliz alfabesine göre ), alt çizgi ( _ ) , tire ( - ), ve rakamları kullanabilirsiniz.
- 6. <HTML> <HEAD> <TITLE>İLK SAYFAM</TITLE> </HEAD> <BODY> ilk web sayfam </BODY> </HTML>
- 7. Font tagı <HTML> <HEAD> <TITLE>İLK SAYFAM</TITLE> </HEAD> <BODY> ön tanımlı renk siyahtır <FONT COLOR="Red"> bu bölümdeki yazılar kırmızı renktedir </FONT> tekrar eski renge döndük. </BODY> </HTML>
- 8. Font tagı <Html> <head> <title>baslik</title> </head> <body> <font color="#33CCFF" size="+4" face="Arial, Helvetica, sans-serif">font tagının kullanımı</font> <font color="#FF0000"> color özelliği ile yazının rengini ayarlıyoruz</font> <font size="1"> size özelliği ile yazı boyutunu ayarlıyoruz</font> <font face="Courier New, Courier, monospace"> face ile yazı tipini ayarlıyoruz</font> </body> </html>
- 9. Renkler
- 10. A - link verme tagı <A> tagı websayfası üzerinden herhangi başka bir sayfaya bağlanabilmek için kullanacağımız tagdır. Bu tag sayesinde bir siteden diğerine, bir sayfadan diğer birsayfaya bağlanabileceğiz. Burada temel olarak bu tagın HREF özelliğini kullanmak zorundayız. Bu özellik ile gidilecek sayfanın tam veya göreceli adresini bildiriyoruz. Kısaca kullanım şekli : <A HREF="gidilecek_sayfanın_adresi"> tıklanacak_ifade </A>
- 11. örnek <A href="http:// ege.edu.tr "> üniversitemiz </A>
- 12. Yazıyı sayfaya yerleştirme <center>yazıyı sayfanın ortasına yerleştirmek için kullanılır </center> <p>paragraf tagı: İçerisine yazılan yazıları sola dayalı olarak yazar. Kendinden önce ve sonra bir satır boşluk bırakır.</p> <b>yazıları koyu yazdırmak için kullanılır</b> <br/> alt satıra inmek için kullanılır
- 13. <hx> başlık tagları</hx> <html> <head> <title>Başlık Etiketleri</title> </head> <body> <h1>Başlık 1</h1> <h2>Başlık 2</h2> <h3>Başlık 3</h3> <h4>Başlık 4</h4> <h5>Başlık 5</h5> <h6>Başlık 6</h6> </body> </html>
- 14. Resim ekleme <html> <head> <title>Sayfamızda Resim </title> </head> <body> <p><img src="cicek.jpg"> </body> </html>
- 15. tablolar Sayfada resimleri ve yazıları istediğimiz yerlere yerleştirmek için kullanılır Verileri düzenli bir şekilde listelemek için kullanılır <table> tablo oluşturur <tr> <td></td> satır oluşturur </tr> </table> sütun oluşturur
- 16. Tablo örnek <table border="1"> <tr> <td>Birinci sırada Hücre1</td> <td>Birinci sırada Hücre2</td> <td>Birinci sırada Hücre3</td> </tr> <tr> <td>İkinci sırada Hücre1</td> <td>İkinci sırada Hücre2</td> <td>İkinci sırada Hücre3</td> </tr> </table>