Html Günlüğüm.
Html Günlüğü Html ile ilgili bildiğim tüm html bağlantılarını buraya yazıcağım.Html ile ilgili aramak istediğiniz ctrl + f ile arayabilirsiniz. Ayrıca Gelişmiş olarak biraz daha eklerim ama bitti gibi 🙂 Daha detaylısı için aşağıdaki 3 siteyi inceliyebilirsiniz..
1-Giriş
Html=Hyper Text Markup Language ‘in başharflerinden oluşur.uzantıları .html yada .htm’dir.Bir tarayıcı ile anlamlı hale getirilir.Bir not defteri ile yazılabilir. En basit Örneği :Bir not defterine .html ile kaydedin ve açın..
<html>
<head>
<title>Giris</title>
</head>
<body>
Merhaba Html..
</body>
</html>
Sonuç:Merhaba Html.. Yazıcaktır. İlk girişte böylece yaptık.Kod Mantığı ise: <title> bizim baslığımızdır yukarda gözüken kısım. <body tarayıcıda görülecek kısımdır.<head> başlık bilgilerini gösterir.Ama tarayıcıda gözükmez. Html dosyaları kolay olarak Dreamwear Frontpage ‘tede oluşturabilirsiniz..
Not:HTML etiketleri Büyük küçük harf Duyarlı değildir. Örneğin <b> ve <B> aynı görevdedir.Ama Küçük harf kullanmak daha çok işe yarıycaktır.
2-Basit Kodlar
<b> Kalın yazı </b> —-> Kalın yazı yazmaya yarar..
<br> ——————–> Satır atlamak için kullanılır .Ve bitiş’i yoktur! </br> yoktur. <br/> olarakta kullanılabilir bilginize..
Başlık için: <h1>…. </h1>–>En büyük punto <h6>…</h6>—> en küçük punto’dur.. 2 3 4 5 kullanarak’ta puntoyu ayarlayabilirsiniz.. h Daha çok başlıkta kullanılır.
<p> … </p>—-> Paragraf için kullanılır..
<! … > —–> Açıklama satırı için kullanılır..
<h1 align=”center”>Bu başlık 1</h1> Mesela Bu kod’ta align=”center” Yerini belirtir başlığın.Bu başlık ortadadır..Mesela center yerine end kullansak sonda olcaktı.Direk align kısmını silsekte başta olcaktı..
bgcolor=”İngilizce Renk” burda ise arka plan belirliyoruz. “blue” yazsaydık arka plan mavi olcaktı vs..
<body bgcolor=”green”> </body> —> ise arka plan yeşil olcaktı..
<sub>…</sub>————> Alt indis..
<sup>…</sup>————-> Üst İndis..
<i>…</i>——————-> İtalik yazmak için
<em>…</em>———-> Vurgulu metin için
<strong>…</strong>—-> Güçlü metinler için
<big>..</big>———-> Büyük metin için..
<small>…</small>—–> Küçük metin için..
<pre>for i = 1 to 10</pre>—-> Bilgisayar kodlarını göstermek için kullanılır..
<address>….</address>——> Adress göstermek için kullanılır.
<abbr title=”Birleşmiş Milletler”>BM</abbr>
<br>
<acronym title=”World Wide Web”>WWW</acronym>——–> Burda ise WWW ve BM diye çıkcaktır html’i denerseniz. WWW üstüne gelirsenizde kısaltmanın uzun halini görceksiniz..
<bdo dir=”rtl”>.Buradaki yazı İbranice</bdo>—–> Yazınızın ters görünmesi için Eğlencelik 😛
<q>…</q> ——————-> Kısa açıklama yazısı
<blockquote>….</blockquote>———> Uzun bir açıklama satırı..
<del>…</del> —— Üstü Çizili
<ins></ins>———-> Altı çizili
<a href=”url”></a>——> link verir. Mesela
<a href=”//umitkose.wordpress.com/”target=”_blank”> —->bloguma giris için..Burda Target ise hedef yani nasıl açılsın. _blank yeni sekmede açıyor.
<a href=”sonsayfa.htm”>
<img border=”0″ src=”Resmin bulunduğu kısım..” width=”65″ height=”38″>
</a> ——–>Bu ise Bir resim yükledik farz edin ona link vermek için
<frameset cols=”25%,50%,25%”>
<frame src=”frame_a.htm”>
<frame src=”frame_b.htm”>
<frame src=”frame_c.htm”>
</frameset>———–>Dikey Çerçeveler için kullanılır..
<frameset rows=”25%,50%,75%”>
<frame src=”frame_a.htm”>
<frame src=”frame_b.htm”>
<frame src=”frame_c.htm”></frameset>
—-> Yatay çerveveler için kullanılır..sırayla çerçevelere ayrılır.
3-Özel Karakterler
‘<‘ gibi bazı karakterler’i gösteremeyiz bunun içinse < veya<kullanmalıyız..’Detaya inmedim ama araştırmak istiyenler veya örnek istiyenler
//www.htmldersleri.org/index.php?getir=html_entities&ID=6
‘ Bakabilirler..
Birden fazla boşluk içinse kullanmalıyız..
4-Tablolar..
Tablolar <table>…</table> etiketi ile belirtilir..Bir tabloda satır ve sütunlar vardır. <tr></tr>Satır <td></td> sütun için kullanılır.Tablolara resimler listeler paragraflar formlar yatay çizgiler içerebilir.
Örneğin..
<tr> <td>satır 1, hücre 1</td> <td>satır 1, hücre 2</td> </tr> <tr> <td>satır 2, hücre 1</td> <td>satır 2, hücre 2</td> Eğer <td><td> yazarsak bulunan sütun boş kalcaktır. </tr> </table> |
satır 1, hücre 1 | satır 1, hücre 2 |
satır 2, hücre 1 | satır 2, hücre 2 |
Yukarda görüldüğü gibi tabloları ayarlayabiliriz.. Ve içine bilgiler girebiliriz. Boş mu bırakmak istiyorsunuz. Başlık içinse <th>Baslık</th> gibi yazsak yeterlidir.
5- Listeleme
Sıra geldi listelemeye.<ul><li>…</li><li>..</li></ul> şeklinde kullanılır.
<ul>
<li>Php</li>
<li>Html</li>
<li>MYSQL</li>
</ul>
Çıktısı
- Php
- Html
- MYSQL
<ol>
<li>Kahve</li>
<li>Çay</li>
<li>Süt</li>
</ol>
ul yerine ol yazınca ise sıralı olarak listeliycektir..
- Kahve
- Çay
- Süt
6-Form Verileri:
Php Ders 3 olarak anlatıldı.. Ders İçin Tıklayın..
7-Resim Eklemek
<img src=”Resimin bulunduğu adres..”
width=”144″ height=”50″>—> Width ile height biri en biri boy olarak resmin boyutudur..
Eğer herhangi bir net sitesinden alcaksak mesela
<img src=”
"//umitkose.files.wordpress.com/2014/05/2014-05-27_18h04_04.png"
“> olması yeterlidir. Tırnakları kaldırırsanız resim gözükür..
Şimdi Güzel Bir kısım Renklerde bgcolor yazıcağımız renkler kısmına geldik.
bgcolor=”#ffffff” yazdık .ffffff beyaz için geçerli bir arka plan. Biz orayı değiştirdikçe arka plan rengi değişcektir.Mesela Bakmak isterseniz Burda bir sürü renk kodları var
//www.abecem.net/web/renk.html
Sanırsam Html kısaca bu kadar anlatılabilirdi . Bende elimden geleni yaptım. Hata varsa söylersiniz arkadaşlar. Ayrıca
//www.phpr.org/kategori/baslangic/
Referans alınmıştır. Teşekkür ederim onlarada..
Geri bildirim: Css Günlüğüm | Ümit Köse
Geri bildirim: Html Günlüğüm. | Ümit Köse
html için büyük küçük harf uyumu aranmaz demişsiniz ama listeleme örneklerinde çıktısında nasıl yazdıysanız öyle çıkmış halde burda bi hata yok mu ya da ben mi yanlış anlamışım 🙂