2019-01-15 12:16:19 +00:00
---
language: html
filename: learnhtml.txt
contributors:
- ["Christophe THOMAS", "https://github.com/WinChris"]
translators:
- ["Kemal MUTLU", "https://github.com/kemtake"]
2019-01-15 13:35:38 +00:00
- ["Nuri Akman", "https://github.com/vedia"]
2019-01-15 12:16:19 +00:00
---
2019-01-15 13:35:38 +00:00
HTML, HyperText Markup Language (Hiper Metin İşaretleme Dili) anlamı
2019-01-15 12:16:19 +00:00
2019-01-15 13:35:38 +00:00
Web sayfaları ı ı ı ı ı ı ı ı ı ı
2019-01-15 12:16:19 +00:00
2019-01-15 13:35:38 +00:00
Bu işaretleme nedir? Sayfanı ı ı ı ’ ı ı ı
2019-01-15 12:16:19 +00:00
2019-01-15 13:35:38 +00:00
**NOT :** Etkilerin nası ı ı ı ı ı ı ı ı ı ı ı
2019-01-15 12:16:19 +00:00
```html
2019-01-15 13:35:38 +00:00
<!-- Yorumlar bu satı -->
2019-01-15 12:16:19 +00:00
<!--
Yorumlar
2019-01-15 13:35:38 +00:00
birden
2019-01-15 12:16:19 +00:00
fazla
satı
yayı
-->
2019-01-15 13:35:38 +00:00
<!-- #################### Başlı -->
2019-01-15 12:16:19 +00:00
<!-- İşte, analiz edeceğimiz örnek bir HTML dosyası -->
<!doctype html>
< html >
< head >
< title > Benim Sitem< / title >
< / head >
< body >
< h1 > Merhaba dünya!< / h1 >
< a href = "http://codepen.io/anon/pen/xwjLbZ" >
Bunun ne olduğuna bir bak.
< / a >
2019-01-15 13:35:38 +00:00
< p > Bu bir paragraftı < / p >
< p > Bu başka bir paragraf.< / p >
2019-01-15 12:16:19 +00:00
< ul >
2019-01-15 13:35:38 +00:00
< li > Bu, numaralandı ı ı < / li >
2019-01-15 12:16:19 +00:00
< li > Bu başka bir öğe< / li >
< li > Ve bu listedeki son öğe < / li >
< / ul >
< / body >
< / html >
<!--
2019-01-15 13:35:38 +00:00
Bir HTML dosyası ı ı ı
2019-01-15 12:16:19 +00:00
-->
<!doctype html>
<!-- Bundan sonra, bir <html> etiketi açı -->
< html >
<!-- dosyanı ı ı -->
< / html >
2019-01-15 13:35:38 +00:00
<!-- Sayfada, bu son etiketten sonra hiçbir şey bulunmamalı ı -->
2019-01-15 12:16:19 +00:00
2019-01-15 13:35:38 +00:00
<!-- Açı ı ı ı ı -->
2019-01-15 12:16:19 +00:00
2019-01-15 13:35:38 +00:00
<!-- <head> ile tanı ı ı ı ı -->
<!-- Baslik, gösterilmeyen bazi aciklamalar ve ek bilgiler icerir; buna üstveri denir. -->
2019-01-15 12:16:19 +00:00
< head >
2019-01-15 13:35:38 +00:00
<!-- <title> etiketi, tarayı ı ı ı ı ı -->
2019-01-15 12:16:19 +00:00
< title > Benim Sitem< / title >
< / head >
<!-- <head> bölümünden sonra, <body> etiketi gelir. -->
2019-01-15 13:35:38 +00:00
<!-- Bu noktaya kadar, tarif edilen hiçbir şey tarayı ı -->
<!-- <body> etiketinden sonra görüntülenecek içeriğe yer verilir. -->
2019-01-15 12:16:19 +00:00
< body >
<!-- h1 etiketi bir başlı -->
< h1 > Merhaba Dünya!< / h1 >
<!--
2019-01-15 13:35:38 +00:00
Ayrı ı < h1 > etiketinden < h6 > etiketine kadar gidebilir.
< h1 > etiketi en önemli, < h6 > etiketi en düşük öncelikli başlı ı ı ı
2019-01-15 12:16:19 +00:00
-->
<!-- href="" özniteliğine verilen URL'ye bir köprü oluşturur. -->
< a href = "http://codepen.io/anon/pen/xwjLbZ" >
Bunun ne olduğuna bir bak.
< / a >
<!-- <p> etiketi, html sayfası -->
< p > Bu bir paragraftı < / p >
< p > Bu başka bir paragraf.< / p >
<!-- <ul> etiketi bir madde imi listesi oluşturur. -->
<!--
2019-01-15 13:35:38 +00:00
Numaralandı ı ı < ol > etiketi de kullanı
2019-01-15 12:16:19 +00:00
-->
< ul >
2019-01-15 13:35:38 +00:00
< li > Bu, numaralandı ı ı < / li >
< li > Bu başka bir öğe< / li >
2019-01-15 12:16:19 +00:00
< li > Ve bu listedeki son öğe< / li >
< / ul >
< / body >
<!-- İşte bir html dosyası -->
<!-- Ancak birçok farklı -->
<!-- <img /> etiketi bir resim eklemek için kullanı ı -->
<!--
2019-01-15 13:35:38 +00:00
Resmin kaynağı ı
2019-01-15 12:16:19 +00:00
Kaynak, bir URL veya bilgisayarı ı ı
-->
< img src = "http://i.imgur.com/XWG0O.gif" / >
2019-01-15 13:35:38 +00:00
<!-- HTML'de bir Tablo oluşturmak da mümkündür. -->
2019-01-15 12:16:19 +00:00
<!-- Bir <table> elemanı ı -->
< table >
<!-- <tr> bir satı ı ı -->
< tr >
<!-- <th> tablo sütununa bir başlı -->
< th > Birinci Başlı < / th >
< th > İkinci Başlı < / th >
< / tr >
< tr >
<!-- <td> bir tablo hücresi oluşturmamı ı -->
2019-01-15 13:35:38 +00:00
< td > ilk satı ı < / td >
< td > ilk satı ı < / td >
2019-01-15 12:16:19 +00:00
< / tr >
< tr >
2019-01-15 13:35:38 +00:00
< td > ikinci satı ı < / td >
< td > ikinci satı ı < / td >
2019-01-15 12:16:19 +00:00
< / tr >
< / table >
```
## Kullanı
2019-01-15 13:35:38 +00:00
HTML içeriği, .html veya .htm ile biten dosyalara yazı ı
HTML olarak yazı ı ı ı ı
2019-01-15 12:16:19 +00:00
2019-01-15 13:35:38 +00:00
## Daha fazla bilgi için
2019-01-15 12:16:19 +00:00
* [wikipedia](https://en.wikipedia.org/wiki/HTML)
* [HTML tutorial](https://developer.mozilla.org/en-US/docs/Web/HTML)
* [W3School](http://www.w3schools.com/html/html_intro.asp)
