adambard/learnxinyminutes-docs
1
1
Fork 0
mirror of https://github.com/adambard/learnxinyminutes-docs.git synced 2024-11-27 04:44:08 +03:00
Code Issues Projects Releases Wiki Activity
6d415fbece
learnxinyminutes-docs/tr-tr/html-tr.html.markdown

157 lines
5.0 KiB
HTML
Raw Normal View History

Turkish HTML file added.
2019-01-15 15:16:19 +03:00
---
language: html
filename: learnhtml.txt
contributors:
- ["Christophe THOMAS", "https://github.com/WinChris"]
translators:
- ["Kemal MUTLU", "https://github.com/kemtake"]
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
- ["Nuri Akman", "https://github.com/vedia"]
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
---
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
HTML, HyperText Markup Language (Hiper Metin İşaretleme Dili) anlamına gelir.
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
Web sayfaları yazmamızı sağlayan bir dildir. Bu işaretleme dili, metin ve verilerin nasıl gösterilmesi gerektiği kodlanarak web sayfaları yazmamızı sağlar. Aslında, html dosyaları basit metin dosyalarıdır.
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
Bu işaretleme nedir? Sayfanın verilerini, açılış etiketleri ve kapanış etiketleri ile çevreleyerek düzenleme yöntemidir. Bu işaretleme, içerdiği metne anlam vermeyi sağlar. Diğer bilgisayar dillerinde olduğu gibi, HTML’nin birçok sürümü vardır. Burada HTML5 hakkında konuşacağız.
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
**NOT :** Etkilerin nasıl çalıştıklarını anlamak, çıktılarını görebilmek için [codepen](https://codepen.io/) gibi bir siteden de faydalanabilirsiniz. Bu makale temel olarak HTML sözdizimi ve bazı yararlı ipuçlarıyla ilgilidir.
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
```html
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<!-- Yorumlar bu satır gibi eklenir! -->
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
<!--
Yorumlar
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
birden
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
fazla
satıra
yayılabilir!
-->
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<!-- #################### Başlık #################### -->
Turkish HTML file added.
2019-01-15 15:16:19 +03: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>
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<p>Bu bir paragraftır.</p>
<p>Bu başka bir paragraf.</p>
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
<ul>
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<li>Bu, numaralandırılmamış bir listede bulunan bir öğe/maddedir (madde imi)</li>
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
<li>Bu başka bir öğe</li>
<li>Ve bu listedeki son öğe </li>
</ul>
</body>
</html>
<!--
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
Bir HTML dosyası, tarayıcıya her zaman sayfanın HTML olduğunu belirterek başlar.
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
-->
<!doctype html>
<!-- Bundan sonra, bir <html> etiketi açılarak başlar. -->
<html>
<!-- dosyanın sonu </html> etiketi ile kapatılır. -->
</html>
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<!-- Sayfada, bu son etiketten sonra hiçbir şey bulunmamalıdır. -->
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<!-- Açılış ve kapanış etiketleri arasında (<html> </html>) şunları bulunur: -->
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<!-- <head> ile tanımlanan bir sayfa başlığu (bu, </head> ile kapatılmalıdır). -->
<!-- Baslik, gösterilmeyen bazi aciklamalar ve ek bilgiler icerir; buna üstveri denir. -->
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
<head>
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<!-- <title> etiketi, tarayıcıda gösterilecek başlığı gösterir. Pencerenin başlık çubuğu ve sekme adı.-->
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
<title>Benim Sitem</title>
</head>
<!-- <head> bölümünden sonra, <body> etiketi gelir. -->
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<!-- Bu noktaya kadar, tarif edilen hiçbir şey tarayıcı penceresinde görünmez. -->
<!-- <body> etiketinden sonra görüntülenecek içeriğe yer verilir. -->
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
<body>
<!-- h1 etiketi bir başlık oluşturur. -->
<h1>Merhaba Dünya!</h1>
<!--
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
Ayrıca başlıklar <h1> etiketinden <h6> etiketine kadar gidebilir.
<h1> etiketi en önemli, <h6> etiketi en düşük öncelikli başlığı yazmamızı sağlar.
Turkish HTML file added.
2019-01-15 15:16:19 +03: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ına metin eklememize izin verir. -->
<p>Bu bir paragraftır.</p>
<p>Bu başka bir paragraf.</p>
<!-- <ul> etiketi bir madde imi listesi oluşturur. -->
<!--
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
Numaralandırılmış bir listeye sahip olmak için <ol> etiketi de kullanılabilir. Bu durumda 1. madde 2. madde vb. şekilde gider.
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
-->
<ul>
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<li>Bu, numaralandırılmamış bir bir liste kalemidir (madde imi)</li>
<li>Bu başka bir öğe</li>
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
<li>Ve bu listedeki son öğe</li>
</ul>
</body>
<!-- İşte bir html dosyası oluşturmak bu kadar basit. -->
<!-- Ancak birçok farklı HTML etiketi türü de eklenebilir. -->
<!-- <img /> etiketi bir resim eklemek için kullanılır. -->
<!--
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
Resmin kaynağı, src = "" özniteliği kullanılarak belirtilir.
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
Kaynak, bir URL veya bilgisayarınızdaki bir dosyanın yolu olabilir.
-->
<img src="http://i.imgur.com/XWG0O.gif"/>
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<!-- HTML'de bir Tablo oluşturmak da mümkündür. -->
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
<!-- Bir <table> elemanı açarız. -->
<table>
<!-- <tr> bir satır oluşturmamızı sağlar. -->
<tr>
<!-- <th> tablo sütununa bir başlık vermemize izin verir. -->
<th>Birinci Başlık</th>
<th>İkinci Başlık</th>
</tr>
<tr>
<!-- <td> bir tablo hücresi oluşturmamızı sağlar. -->
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<td>ilk satırın, ilk hücresi (sutunu)</td>
<td>ilk satırın, ikinci hücresi (sutunu)</td>
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
</tr>
<tr>
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
<td>ikinci satırın, ilk hücresi (sutunu) </td>
<td>ikinci satırın, ikinci hücresi (sutunu)</td>
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
</tr>
</table>
```
## Kullanım
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
HTML içeriği, .html veya .htm ile biten dosyalara yazılır. Mim türü text/html .
HTML olarak yazılmış dosyalar, `.html` veya `.htm` dosya uzantısına sahiptirler. mime type'ı ise `text/html` dir.
Turkish HTML file added.
2019-01-15 15:16:19 +03:00
Düzeltmeler yapıldı
2019-01-15 16:35:38 +03:00
## Daha fazla bilgi için
Turkish HTML file added.
2019-01-15 15:16:19 +03: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)
Reference in New Issue Copy Permalink