Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Html nedir <ul><li>HTML bir düzenleme dilidir. Yani elinizdeki bilgileri en iyi şekilde belli bir düzene sokarak en kısa z...
Html ile neler yapılabilir <ul><li>tablolar oluşturulabilir </li></ul><ul><li>listeler yapılabilir </li></ul><ul><li>yazıl...
Html ile neler yapılamaz <ul><li>Veriler işlenemez </li></ul><ul><li>Veritabanı ile ilgili işlemler gerçekleştirilemez </l...
Html’in yapısı <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title> sayfa başlığım</title> </li></ul><ul><li>...
Html’in özellikleri <ul><li>Taglardan oluşur <title>başlığım</title> </li></ul><ul><li>Açılan her tag mutlaka kapatılmalıd...
<ul><li><HTML> <HEAD> <TITLE>İLK SAYFAM</TITLE> </HEAD> <BODY> ilk web sayfam </BODY> </HTML> </li></ul>
Font tagı <ul><li><HTML> <HEAD> <TITLE>İLK SAYFAM</TITLE> </HEAD> <BODY> ön tanımlı renk siyahtır <FONT COLOR=&quot;Red&qu...
Font tagı <ul><li><Html> </li></ul><ul><li><head> </li></ul><ul><li><title>baslik</title> </li></ul><ul><li></head> </li><...
Renkler
A - link verme tagı <ul><li><A>  tagı websayfası üzerinden herhangi başka bir sayfaya bağlanabilmek için kullanacağımız ta...
örnek <ul><li><A href=&quot;http:// ege.edu.tr &quot;> üniversitemiz </A> </li></ul>
Yazıyı sayfaya yerleştirme <ul><li><center>yazıyı sayfanın ortasına yerleştirmek için kullanılır </center> </li></ul><ul><...
<hx> başlık tagları</hx> <ul><li><html> <head> <title>Başlık Etiketleri</title>  </head> <body> <h1>Başlık 1</h1>  <h2>Baş...
Resim ekleme <ul><li><html> <head> <title>Sayfamızda Resim </title> </head> <body> <p><img src=&quot;cicek.jpg&quot;> </bo...
tablolar <ul><li>Sayfada resimleri ve yazıları istediğimiz yerlere yerleştirmek için kullanılır </li></ul><ul><li>Verileri...
Tablo örnek <ul><li><table border=&quot;1&quot;> </li></ul><ul><li><tr>    <td>Birinci sırada Hücre1</td>  <td>Birinci sır...
Kaynak <ul><li>http://www.webdersleri.com/sayfa.asp?id=91 </li></ul><ul><li>http://www.webtasarimrehberi.com/index.php?opt...
Upcoming SlideShare
Loading in …5
×

HTML Nedir?

3,093 views

Published on

HTML'e giriş sunusu. Bu döküman Ramazan Kandemir tarafından hazırlanmıştır.

Published in: Technology
  • Be the first to comment

HTML Nedir?

  1. 1. Html nedir <ul><li>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. </li></ul><ul><li>HTML bir programlama dili değildir. Bu nedenle komutlar, kararlar, döngüler gibi klasik programlama birimlerini bu dil içerisinde bulamazsınız. </li></ul>
  2. 2. Html ile neler yapılabilir <ul><li>tablolar oluşturulabilir </li></ul><ul><li>listeler yapılabilir </li></ul><ul><li>yazılar üzerinde değişik formatlar uygulanabilir </li></ul><ul><li>resimler sayfaya istenildiği gibi yerleştirilebilir </li></ul>
  3. 3. Html ile neler yapılamaz <ul><li>Veriler işlenemez </li></ul><ul><li>Veritabanı ile ilgili işlemler gerçekleştirilemez </li></ul><ul><li>Dosyadan veri okunamaz ve dosyaya veri yazılamaz </li></ul><ul><li>Tarihe bağlı işlemler gerçekleştirilemez </li></ul><ul><li>Mail gönderilemez </li></ul>
  4. 4. Html’in yapısı <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title> sayfa başlığım</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li>sayfa içeriğim (resim, yazı, animasyon vb…) </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  5. 5. Html’in özellikleri <ul><li>Taglardan oluşur <title>başlığım</title> </li></ul><ul><li>Açılan her tag mutlaka kapatılmalıdır. </li></ul><ul><li>Html tagları büyük ve küçük harf duyarlı değildir. Yani <Body> <body> arasında fark yoktur </li></ul><ul><li>Sayfa uzatıları htm veya html’dir. (sayfa.html) </li></ul><ul><li>Html dosyalarını isimlendirken büyük/küçük harfleri ( ingiliz alfabesine göre ), alt çizgi ( _ ) , tire ( - ), ve rakamları kullanabilirsiniz. </li></ul>
  6. 6. <ul><li><HTML> <HEAD> <TITLE>İLK SAYFAM</TITLE> </HEAD> <BODY> ilk web sayfam </BODY> </HTML> </li></ul>
  7. 7. Font tagı <ul><li><HTML> <HEAD> <TITLE>İLK SAYFAM</TITLE> </HEAD> <BODY> ön tanımlı renk siyahtır <FONT COLOR=&quot;Red&quot;> bu bölümdeki yazılar kırmızı renktedir </FONT> tekrar eski renge döndük. </BODY> </HTML> </li></ul>
  8. 8. Font tagı <ul><li><Html> </li></ul><ul><li><head> </li></ul><ul><li><title>baslik</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><font color=&quot;#33CCFF&quot; size=&quot;+4&quot; face=&quot;Arial, Helvetica, sans-serif&quot;>font tagının kullanımı</font> </li></ul><ul><li><font color=&quot;#FF0000&quot;> color özelliği ile yazının rengini ayarlıyoruz</font> </li></ul><ul><li><font size=&quot;1&quot;> size özelliği ile yazı boyutunu ayarlıyoruz</font> </li></ul><ul><li><font face=&quot;Courier New, Courier, monospace&quot;> face ile yazı tipini ayarlıyoruz</font> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  9. 9. Renkler
  10. 10. A - link verme tagı <ul><li><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 : </li></ul><ul><li><A HREF=&quot;gidilecek_sayfanın_adresi&quot;> tıklanacak_ifade </A> </li></ul>
  11. 11. örnek <ul><li><A href=&quot;http:// ege.edu.tr &quot;> üniversitemiz </A> </li></ul>
  12. 12. Yazıyı sayfaya yerleştirme <ul><li><center>yazıyı sayfanın ortasına yerleştirmek için kullanılır </center> </li></ul><ul><li><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> </li></ul><ul><li><b>yazıları koyu yazdırmak için kullanılır</b> </li></ul><ul><li><br/> alt satıra inmek için kullanılır </li></ul>
  13. 13. <hx> başlık tagları</hx> <ul><li><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> </li></ul>
  14. 14. Resim ekleme <ul><li><html> <head> <title>Sayfamızda Resim </title> </head> <body> <p><img src=&quot;cicek.jpg&quot;> </body> </html> </li></ul>
  15. 15. tablolar <ul><li>Sayfada resimleri ve yazıları istediğimiz yerlere yerleştirmek için kullanılır </li></ul><ul><li>Verileri düzenli bir şekilde listelemek için kullanılır </li></ul><ul><li><table> tablo oluşturur </li></ul><ul><li><tr> </li></ul><ul><li><td></td> satır oluşturur </li></ul><ul><li></tr> </li></ul><ul><li></table> sütun oluşturur </li></ul>
  16. 16. Tablo örnek <ul><li><table border=&quot;1&quot;> </li></ul><ul><li><tr>    <td>Birinci sırada Hücre1</td>  <td>Birinci sırada Hücre2</td>  <td>Birinci sırada Hücre3</td>   </tr> </li></ul><ul><li><tr>  <td>İkinci sırada Hücre1</td>  <td>İkinci sırada Hücre2</td>  <td>İkinci sırada Hücre3</td> </tr> </li></ul><ul><li></table>  </li></ul>
  17. 17. Kaynak <ul><li>http://www.webdersleri.com/sayfa.asp?id=91 </li></ul><ul><li>http://www.webtasarimrehberi.com/index.php?option=com_content&task=category&sectionid=1&id=1&Itemid=2 </li></ul>

×