AnasayfaGaleriSSSAramaÜye ListesiKullanıcı GruplarıKayıt OlGiriş yap
Sitemiz Yep Yeni Bir Çalışma Formatıyla Sizlerle

Paylaş | 
 

 HTML Temel Dersleri

Aşağa gitmek 
YazarMesaj
siqptare
Yeni Üye
Yeni Üye


Mesaj Sayısı Mesaj Sayısı : 36
Rep Puanı Rep Puanı : 84
Kayıt tarihi Kayıt tarihi : 01/07/09

MesajKonu: HTML Temel Dersleri   Ptsi Tem. 06, 2009 6:09 pm

Arkadaşlar bu başlık altında sizlere Temel HTML dersleri vereceğim.

Öncelikle HTML nin ne olduğunu anlayalım:
HTML Web Tasarım dünyasının Temel Dillerinden biridir. Diğer Web Programlama dillerini öğrenmek ve profesyonel siteler yapmak için öğrenmeniz gereken ilk web tasarım dilidir. HTML bilmeden PHP, ASP,JS vb. gibi dilleri öğrenmeniz zor olur. Anlayacağınız HTML Herşeyin başı...

HTML yi Dreamveawer ya da Frontpage gibi programlarda yazabileceğiniz gibi, basit bir metin belgesinde de yazabilirsiniz. HTML sayfalarının sonu .htm ya da .html uzantılarıyla biter. Bu uzantıları gören bilgisayar içinde HTML kodlarının olduğunu anlar ve ona göre kendini çalıştırır. Şimdi HTML ye yavaş yavaş başlayalım...
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
siqptare
Yeni Üye
Yeni Üye


Mesaj Sayısı Mesaj Sayısı : 36
Rep Puanı Rep Puanı : 84
Kayıt tarihi Kayıt tarihi : 01/07/09

MesajKonu: Geri: HTML Temel Dersleri   Ptsi Tem. 06, 2009 6:13 pm

HTML ye başlarken öncelikle şu kodları yazmanız gereklidir.
<HTML>
<HEAD></HEAD>
<BODY>
Buraya HTML sayfanızın kodları gelecektir.
</BODY>
</HTML>

HTML kodları < ile başlar ve > ile biter. Bunlara TAG adı verilir. Örneğin <HTML> ve her HTML kod bitişleri </HTML> şeklinde biter. Başka bir örnek verecek olursak <font></font> gibi.

Açtığınız herhangi bir HTML tagı mutlaka sonlandırılmalıdır. 3. Dersimizde Sizlere fontları anlatacağım.
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
siqptare
Yeni Üye
Yeni Üye


Mesaj Sayısı Mesaj Sayısı : 36
Rep Puanı Rep Puanı : 84
Kayıt tarihi Kayıt tarihi : 01/07/09

MesajKonu: Geri: HTML Temel Dersleri   Ptsi Tem. 06, 2009 6:25 pm

HTML de yazı fontlarını yönetebiliriz. Yani sayfamızdaki yazıların büyüklüğü, kalınlığı, tipi gibi özellikler katarak daha iyi görünmesini sağlayabilirsiniz. Şimdi bunları nasıl yapabileceğinize bir bakalım.

öncelikle <font> tagımızı açıyoruz.
ardından özellikleri bu tagın içinde devam ettiriyoruz. yani şöyle
<font face="Yazı FONT tipi" size="Yazı BOYUTU" color="Yazı RENGİ">Sayfamızda görünmesini istediğimiz yazılar BURAYA
ve</font> ile açtığımız tagı kapatıyoruz. Böylece yazılarımızın rengini boyutunu ve tipini ayarladık.
Şimdi geldik kalınlığına: <b> tagı ile yazının kalın olmasını istediğimizi HTML ye bildiriyoruz bunu kalın olmasını istediğimiz yere yazıyoruz. ve sonunda </b> tagı ile bitiriyoruz.

Örnek olarak şöyle diyebiliriz.
<font (buraya öğrendiğiniz şekilde renk, boyut gibi eklemeler yapabilirsiniz.)><b>KALIN olmasını istediğimiz yazı</b>Burası ince </font>
altı çizili olmasını istiyorsanız <u></u> şeklindeki tagların arasına
italik yazı olmasını istiyorsanız <i></i> şeklinde olacak...
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
Admin
Admin
Admin
avatar

Mesaj Sayısı Mesaj Sayısı : 1523
Rep Puanı Rep Puanı : 365498
Kayıt tarihi Kayıt tarihi : 25/06/09
Yaş Yaş : 25
Nerden Nerden : dünyadan :d
Lakap Lakap : Mr.Tiqi

MesajKonu: Geri: HTML Temel Dersleri   Salı Tem. 07, 2009 12:39 am

Paylaşım İçin Saol!
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.grafikcity.forum.st
siqptare
Yeni Üye
Yeni Üye


Mesaj Sayısı Mesaj Sayısı : 36
Rep Puanı Rep Puanı : 84
Kayıt tarihi Kayıt tarihi : 01/07/09

MesajKonu: Geri: HTML Temel Dersleri   Salı Tem. 07, 2009 6:59 am

Bu dersimizde sizlere bir yazıya link vermeyi anlatacağım.

Link vermek istediğimiz yazı LİNK olsun.

öncelikle link tagımız <a> tagıdır. Tagımızı yazıyoruz ve gideceği adresi vermek için tagın içine href="buraya link gelecek" yani şu şekilde olacak. <a href="link buraya">LİNK</a>

ayrıca linkinizi aynı sayfada ya da farklı sayfalarda açabilmeniz için kodlar mevcut bunlar:
target="_blank" --> Ayrı sayfada açılır
target="_self" --> Aynı sayfada açılır.
target="_top" --> Ne olursa olsun aynı sayfada açılır (iframeler için kullanılır.)

bunlar da bu şekilde kullanılır :
<a href="" target="_blank">LİNK</a>
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
siqptare
Yeni Üye
Yeni Üye


Mesaj Sayısı Mesaj Sayısı : 36
Rep Puanı Rep Puanı : 84
Kayıt tarihi Kayıt tarihi : 01/07/09

MesajKonu: Geri: HTML Temel Dersleri   Salı Tem. 07, 2009 8:45 pm

Bu dersimizde sizlere HTML de tablo tasarımını anlatacağım...

Bir tablo açmak için <table> tagı kullanılır. Tablonun bitiminde de </table> tagı kullanılır. Bu iki tag arasına yazdıklarınız çerçeve içine alınıp bir düzene sokulur. Her tablonun bir satırı ve bir sütunu olmak zorundadır bu nedenle tablolarımızın ana kodları şunlardır.

<table><tr>
<td>Buraya tablonun içinde olmasını istediğiniz herşey. </td>
</tr></table>

tablonuza sütun eklemek için <td></td> tagları kullanılır. Satır eklemek için ise <tr></tr> tagları kullanılır. Ancak her satırda bir sütun olması gerektiğinden satır oluşturduğumuzda bu şekilde yazmamız gerekir.

<tr><td></td></tr>

tek satırda 2 sütun oluşturmak için ise şöyle yapabiliriz:
<tr>
<td>1. Sütun</td>
<td>2. Sütun</td>
<tr>
Tabii ki bunlar böyle yazıldığında bir anlam ifade etmezler bu nedenle bunları da <table></table> tagları arasında belirtmemiz gerekir. Örnek:

<table>
<tr>
<td>Sütun</td>
</tr>
</table>

tablonuzda kenarların belirgin olmasını istemiyorsanız border="0" kodunu kullanmanız gerekir. Bunu <table border"0"> şeklinde kullanmanız gerekir. ayrıca tablonuza arka plan rengi vermek isterseniz <table bgcolor="renk kodu"> şeklinde verebilirsiniz. tablonuzun kenarlarının rengini ise <table bordercolor="renk kodu"> şeklinde değiştirebilirsiniz. Kolay Gelsin.
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
futbol_kralı
Heyacanlı Üye
Heyacanlı Üye
avatar

Mesaj Sayısı Mesaj Sayısı : 75
Rep Puanı Rep Puanı : 60101
Kayıt tarihi Kayıt tarihi : 11/07/09
Nerden Nerden : Adana
Lakap Lakap : Kral

MesajKonu: Geri: HTML Temel Dersleri   C.tesi Tem. 11, 2009 11:24 pm

ben oluşturmayı pek sevvmem kopyala yapıştır zaten anlamamda jocolor
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.sanalbahisoyunu.tr.gg
ultrasordu
Tecrübeli Üye
Tecrübeli Üye
avatar

Mesaj Sayısı Mesaj Sayısı : 101
Rep Puanı Rep Puanı : 1179
Kayıt tarihi Kayıt tarihi : 01/07/09
Nerden Nerden : ordu

MesajKonu: Geri: HTML Temel Dersleri   Ptsi Tem. 13, 2009 8:06 pm

paylasım için teşekkürler
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.ultrasordu.tr.gg
 
HTML Temel Dersleri
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» 6.sınıf Matematik Görüntülü konu anlatımları(H.BURDA)
» Fen-Edebiyat fakültesi

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
 :: ViTaMiNLi WeBMaSTeR :: Webmaster Dersleri-
Buraya geçin: