You are currently browsing the archives for the html category.

Archive for the ‘html’ Category

Html Nedir ?

Pazartesi, Mayıs 4th, 2009

(Hyper Text Markup Language) başka bi deyişle Hareketli-Metin İşaretleme Dili internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir.Betik dilidir bir programlama dili değildir.Zira ile kendi başına bir program yazılamaz.
Temel özelliği  yazı, görüntü, video gibi değişik verileri ve bunları içeren sayfaları birbirine basitçe bağlamaktan ibarettir. W3C tarafından standartlaştırılmaktadır.Resmen tanınması 1990 yılında olmuştur.Bu günümüz anlamında webin doğuş tarihidir.Tabiki daha öncesi de var.
eskiden mesela iki bilimadamının arasında veri transferi olması için bilgisayarlarının sürekli birbirine bağlı olması gerekmekteydi.Yani bağlantının gerçek zamanlı olması gerekmekteydi.Veri transferinde bi aksaklık oldumu bunun hata kontrolü sadece server client arasında gerçek zamanlı bir bağlantı olduğunda mümkündü..HTTP (Hyper Text Transmission Protocol) ise bu olguyu ortadan kaldırdı.
HTTP ni standart olması 1990 yılında gerçekleşti dedik.1989 yılında Tim Berners-Lee (Cern’de görevli bir bilgisayar programcısı) şebekeler arası bilgi transferinde in bir standart dil olmasını önerdi ve bu dili geliştirmesi ile bugünkü web kavramının doğmasına neden oldu.

Günümüzde ise hepimizin bildiği gibi dili teknolojinin gelişmesi ve ihtiyaçların artması ile yetersiz kalmış,kullanıcı ile iletişime geçebilen dillerin ihtiyacı doğmuştur.
Bu kategori altında dilim döndüğünce bildiklerimi paylaşmak istedim.Bence web mimarisi inşa etmenin temelini oluşturmaktadır.Nasıl matematik temeli sağlam olmayan bir öğrencinin matematiği çözmesi ezberci bir zihniyetten öteye geçemeyeceği gibi e hakim olunmadan yapılacak bir web mimarisinin de sağlıklı olmayacağını düşünmekteyim.Günümüzde derleyicilerin gelişmesi ile kodları kendiliğinden oluşturulur oldu.Ancak hangi tagın ne tarif ettiğini bilmeden hareket etmenin yolda kör yürümek gibi olacağını düşünüyorum.Birazcık olsun bu konu hakkında gerek bildiğim bir kaç şeyi gerekse faydalı bir takım linkleri paylaşarak yolun biraz aydınlanmasını sağlamak istiyorum

Html de Temel Kavramlar

Pazartesi, Mayıs 4th, 2009

Temel yapısı
in genel yapısı <></> tagları arasındaki tagların işlenmesidir.
Şu şekilde;
<>
<head>
–>döküman içeriği dışında kalan karakterler tanımlanır.
</head>
<body>
—>dökümanın asıl içeriği burdadır.
</body>
</>
Bu kısımdan sonra bazı tagları tanıtmak istiyorum.
< h1 > Başlıklar
Yazılarn başlık şeklinde yazılmasında kullanılır.6tane başlık vardır.
<h1> başlık1
</h1>
<h2> başlık2  </h2>
…..
….

bu başlıkları deneyerek görebiliriz.
<br> Blt satıra geçme
<body>
ocak <br>şubat ———–> altsatıra geçmek için kullanılır
</body>
<hr> Çizgi çizmek
<body>
<hr color=red size 5 width=300 align=left>
</body>
Herşey gayet açık sanırım.Size burada kalınlık veriyor.
<marquee> Kayan yazı
<body>
<marquee>merhaba</marquee>
</body>
<marquee direction =right> up,down  –> kayma yönünü gösterir.
<marquee behavior=alternate> —>Yazılarn ekranda kayarken kaybolmadan bi uçdan bi uca gitmesi.
<marquee bgcolor=ff00cc> —–>arka plan rengi
<body bgcolor=FF0000> —>arkaplan rengini değiştirir.
yazı yapısı
<center> —> yazıyı ortalar
<b> —> kalın yapar
<i> —-yazıyı italic yapar
<u> —–> altı çizgili yapar

<font> yazı tipi boyutu
<font face arial size=5 colour ff00ff>yazı</font>
face:yazı stili
size:karakter büyüklüğü
colour:rengi
link vermek
<a href=”siteadı” target =”_blank”>link</a> —> yapısı itibari ile link yazısına tıklayınca href değerine yönlendirme olur
target ise farklı bir pencerede sayfa açılır.
<background> body tagının parametresi
<body background = resim.jpg > –> arka plana reim alır.
<title> browser başlığı
<title> bloğuma hoşgeldin</title> —browser başlığında görüntülenen metini içerir.

<meta> tagı ve sayfanın türkçeleştirlmesi
Meta tagı ile sayfamız hangi yazi tipinde ise o karakter seti kullanılır.Ama sadece bu iş için kullanılmaz.
Daha sonra değincem.örnek kullanım:

<>
<head>
<meta http-equiv=”content-type” content=”text/”:charset=iso-8859-9″>
—>türkçe karakter seti -9
<title>
</title>
</head>
<img src> resim eklemek
<img src=resim.jpg alt=”benim resmim” border=1 width=200 hight=200>

burada alt resim üzerine gelindiğinde çıkan alt bilgi border kenarlık width height değerleri malum.

bu kısımda bu kadar tabki tagları bununla sınırlı değil.başka bi yazıda tablolar form oluşturma bu bu başlık altında form elemanlarından
bahsedicem.
Bu konuda faydalanılacak en güzel kaynak olarak
şu adresi gösterebilirim.

Html Tablo yapısı

Pazartesi, Mayıs 4th, 2009

<table> tablolar:

htmlde tablo oluşturuken <table></table> tagları kullanırız.Tabo içinde satır açmak için <tr> sütun açmak için <td> tagı kullanılır.

<table border =1 width=500 height=300>
<tr>
<td>
hücre1
</td>
<td>
hücre2
</td>
</tr>
</table>

tablo parametreleri;
<table border=1> —>
<table width=300 height=500> ——>ebatlar
<table cellspacing=2> –>tablo içindeki hücrelerin birbirlerine ve tablo sınırlarından olan uzaklıkları
<table cellpadding=5> —> hücre içinde resim metin gibi elemanların hücre sınırlarına uzaklıkları
<table align=left> –>right,center hizalama
<table background=resim.gif> —>arkaplan resmi
<table bgcolor=ffff00>
—> arka plan rengi

<td> takısının parametreleri
align–>hizlama
bgcolor–> arka plan rengi
width,height —> boyutlar
background=resim.gif –> arkaplanresmi

bunların dışında;
<td colspan= 2> –> genişlik iki sütun genişliğinde
<td rowspan = 2> —>yükseklik 2 satır yüksekliğinde

bu konuda şu linkde try it yourself i tıklayarak tablo yapısını uygulamalı olarak görebilirsiniz.Şimdilik tablo konusu bu kadar.

Frame nedir ? iframe nedir ?

Pazar, Ekim 26th, 2008

?
türkçe anlamıyla demektir.Webde bir sayfayı sayfalara yani çerçevelere bölmektir.

Kodu:

< name=” adı” src=”o an açık olması istenen sayfa sayfa.”>

?

kullanımı ;
ilk önce ana sayfamıza yada oluşturmak istediğimiz sayfaya yukarıdaki kodu yazarız.Name den sonra adı yazan kısma frameye verilecek isimi yazarız.Örnek olarak name kısmına orta yazalım. Orta isminde bir oluşturduk.Src kısmına koddada görüldüğü üzre oluşturduğumuz framede o an siz değiştirene kadar açık olmasını istediğimiz sayfanın yolunu yazıyoruz.Örnek olarak sayfa. böylece sayfa sayfa ilk açıldığında ilk olarak çerçevemizin içinde yüklenecek.

içindeki sayfa nasıl değiştirilir ?

<a href=”yenisayfa.target=” adı”>Frameyi Değiştir</a>

Bu link kodunu sayfamızın istediğimiz yerinde kullnıyoruz.Frameyi değiştir butonuna basıldığında target kısmına yazdığımız de yani çerçevede href kısmına yazdığımız sayfa yüklenecektir.

?
Sayfa içlerinde yer alan başka sayfalara ait pencerelerdir.

:

< name=” adı” src=”sayfa.” width=”400″ height=”100″ scrolling=”no” frameborder=”0″ marginwidth=”0″ marginheight=”0″></>

?
name tagıyla pencere adını width height değerleriyle boyutları ayarlıyoruz scrolling ile yanda scrollbar oluşup oluşmamasını frameborder ile kenarlık kalınlıklarını belirleyebiliriz.

içindeki sayfa nasıl değiştirilir ?
<a href=”yesnisayfa.” target=” adı”>Link</a>
şeklinde target kısmına için kullandığımız ismi yazarak yapabiliriz.

ile arasındaki fark nedir ?

iki koduda denediğinizde farkı göreceksiniz ama yinede kısaca anlatalım. sayfamızı çerçevelere böler.Boyutlandırma yapılır fakat sayfanın tamının bir bölümü olarak ayarlanmak zorundadır. ise boyutları scrollbarı herşeyiyle esnek bir pencere oluşturur.

What is the ?
Turkish meaning a page with the page to demektir.Webde that is divided into frames.

Code:

be an open src=”o < name=” adı” requested page sayfa.”>

How to Use?

usage;
our first home we want to create a or page name above code’s author yazarız.Name into the after frameye be given to the middle part of my name as yazarız.Örnek let me. Middle name, seen in a oluşturduk.Src part koddada change üzre open until you have created an framede that we want to be the path of the page so the page page page. as yazıyoruz.Örnek first to be installed when the first of our framework.

How to change page in ?

<a href=”yenisayfa.” target=” adı”> Change Frameyi </ a>

We want our page this link code change button is pressed over kullnıyoruz.Frameyi written to target the in the that will be installed in the href part of our page.

What is ?
To other pages in the page are owned window.

Code:

< Name=” adı” src=”sayfa.” width=”400″ height=”100″ scrolling=”no” frameborder=”0″ marginwidth=”0″ marginheight=”0″> </ >

How to Use Inline?
width height name for name with tagıyla window size is set with the side scrolling on the scrollbar does not occurs can determine the thickness of the border and frameborder.

How to change the in the page?
<a href=”yesnisayfa.” target=” adı”> Link </ a>
used to the target as part of the name can do to me.

What is the difference between and ?

You’ll see the difference when you try two koduda but to our böler.Boyutlandırma are briefly but anlatalım. page as part of a full size be adjusted if zorundadır. creates a window scrollbar herşeyiyle flexible.

Oyun Domain Registration Australia
Add to Technorati Favorites Technorati