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=”http://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   &lt;  veya < kullanmalıyız..’Detaya inmedim ama araştırmak istiyenler veya örnek istiyenler

http://www.htmldersleri.org/index.php?getir=html_entities&ID=6

‘ Bakabilirler..

Birden fazla boşluk içinse &nbsp; 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..

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..

  1. Kahve
  2. Çay
  3. 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=”

"http://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

http://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

http://www.phpr.org/kategori/baslangic/

http://html.sitesi.web.tr/

http://www.htmldersleri.org/

Referans alınmıştır. Teşekkür ederim onlarada..

 

Post Author: umiitkose

Html Günlüğüm.” için 2 yorum

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">