Mach1 Digital Community

Geri Git   Mach1 Digital Community > İnternet - Bilgisayar - Multimedia > Webmaster > HTML - JavaScript
 

Forum içerisinde "Digiturk, D-Smart" gibi Yerli Platformları kapsayan, bunlarla ilgili "Kart paylaşım (Card Sharing), Iptv adresi , Key, Şifre, Dosya" içerikli her türlü açık alanda yazışma yasaktır ! Tespiti durumunda ilgili kişiler forumdan süresiz uzaklaştırılacaktır ve talep durumunda resmi mercilere bilgileri verilebilecektir lütfen bu konularda kurallara uyalım.
** SERVER ÜYELİK SÜRELERİ BİTENLER KAPATILDI YENİLEMEK İÇİN ÖZEL MESAJ ATIN** Cccam Özel Pay Server Hakkında Üyelik ve bilgi almak için buraya tıklayarak özel mesaj atabilirsiniz...Üyeliklerini yenileyen ve yeni üyelere artık 2 farklı CCcam server verilmektedir..
** IPTV+ CCcam Server Hakkında Üyelik ve bilgi almak için** buraya tıklayarak özel mesaj atabilirsiniz...
 
 
160929_wetekplay2_knowmore.gif

   

   

Eski 19-01-2006, 18:37   #1
organik81
WebmasteR
 
organik81 kullanıcısının avatarı
 
Konum: istanbul
Mesaj: 3,295
Üye No: 2
Giriş: 31-10-2005

Uydu Alıcısı: Vu+ Duo - Triple Dragon - Next2500 DPCI Plus - Next7500 CI

Thanks: 0
Thanked 6 Times in 5 Posts
Varsayılan HTML Dersleri !

HTML Dersleri !


GENEL YAPISI


HTML’de tüm dosyalar <html> komutuyla başlayıp </html> komutuyla biter. Browser’a bir HTML dosyasının başladığını gösterir.

Bir HTML dosyası genel olarak HEAD ve BODY olmak üzere iki bölümden oluşur. Yani, genel olarak bir HTML dosyası şöyle görünür;
HTML Kodu:
<html>
<head>
.....................
HEAD bölümünde kullanılacaklar.
.....................
</head>
<body>
.....................
BODY bölümünde kullanılacaklar.
.....................
</body>
</html>
Şimdi HTML komutlarını ayrıntılarıyla ele alalım...
organik81 is offline  
Eski 19-01-2006, 18:39   #2
organik81
WebmasteR
 
organik81 kullanıcısının avatarı
 
Konum: istanbul
Mesaj: 3,295
Üye No: 2
Giriş: 31-10-2005

Uydu Alıcısı: Vu+ Duo - Triple Dragon - Next2500 DPCI Plus - Next7500 CI

Thanks: 0
Thanked 6 Times in 5 Posts
Varsayılan <html>

<html>


- Kullanılışı: <html> .....dosyayı başlatır. </html> .....dosyayı bitirir.
- Ekleri: HTML komutunun kullanışlı bir eki yoktur.

Bu komut tüm HTML dosyalarının ilk ve son komutu olmalıdır.Bir HTML dosyasının başladığını ve bittiğini gösterir.
organik81 is offline  
Eski 19-01-2006, 18:55   #3
organik81
WebmasteR
 
organik81 kullanıcısının avatarı
 
Konum: istanbul
Mesaj: 3,295
Üye No: 2
Giriş: 31-10-2005

Uydu Alıcısı: Vu+ Duo - Triple Dragon - Next2500 DPCI Plus - Next7500 CI

Thanks: 0
Thanked 6 Times in 5 Posts
Varsayılan <head>

<head>


- Kullanılışı: <head> .....Head bölümünü başlatır. </head>.... Head bölümünü sonlandırır.
- Ekleri: HEAD komutunun bir eki yoktur.

Bu komut Head bölümünü başlatır ve bitirir dedik. Peki head bölümü ne işe yarar. Head bölümünde bazı önemli sayılabilecek komutlar kullanılır.Bunlar;

<base> : Sayfanın ana URL’sini belirtmek için kullanılır. Dış bağlantılar için bir referans görevi yapar.
Kod:
<base>

Örnek:

Bir sitede kullanılan bir resmin adresi 
<img src="http://www.site.com/resimler/resim.jpg"> dir. Fakat HEAD bölümünde
<base href="www.html.site.com"> yazılırsa daha sonra body bölümünde tanıtılacak olan resmin adresi <img src="resimler/resim.jpg"> olacaktır.
<title> : Browserınızın üst penceresindeki başlığı yazmanızı sağlar. Bu komut sayfanızın ana başlığını tanımlar. Sayfanızın ana başlığı browserın üst penceresine, ekranınızın en üst kısmına yazılır. Eğer sayfanıza gelen ziyaretciniz sayfayı Sık Kullanılanlar(Favorites) bölümüne eklemek isterse o bölümde sitenizin tanımı title sayesinde olacaktır. Arama motorları sitenize ulaşırsa sitenizin arama motorundaki tanımı title ile yazdığınız gibi olacaktır.
Kod:
Örnek:

<html>
<head> 
<title>HTML KOMUTLARI</title>
</head>
<body>
.........Sayfanızın içeriği......
</body>
</html>
<basefont> : Kullanacağınız yazıların büyüklüğünü ayarlar. Kullanmazsanız browserın tercihi default 3 olacaktır.
organik81 is offline  
Eski 19-01-2006, 19:02   #4
organik81
WebmasteR
 
organik81 kullanıcısının avatarı
 
Konum: istanbul
Mesaj: 3,295
Üye No: 2
Giriş: 31-10-2005

Uydu Alıcısı: Vu+ Duo - Triple Dragon - Next2500 DPCI Plus - Next7500 CI

Thanks: 0
Thanked 6 Times in 5 Posts
Varsayılan <meta>

<meta>


<meta> : Sayfanızla ilgili bilgileri yazmanızı sağlar.Genelde arama motorları için kullanılır. Bu komut siteniz hakkındaki bilgileri girmenizi sağlar.Bu bilgiler browserlar tarafından görüntülenemez fakat arama motorları sitenizi bulabilir.Head komutları arasında en önemli komuttur.

- Ekleri: http-equiv:
- Kullanılışı : <meta http-equiv="........." ..........

Şimdi o noktalı kısımları nasıl dolduracağımızı örneklerle görelim..

HTML Kodu:
<meta http-equiv="content-type" content="text/html; charset=iso-8859-9">
Ziyaretçinizin browserına dosyanızın Türkçe karakterler içerdiğini söyler. Browserda Windows’taki Türkçe karakterleri yardımıyla sayfanızı görüntüler. <meta> etiketinin oldukca gerekli bir kullanımıdır. Bunu kullanmadan da görüyor olabilirsiniz fakat bütün browserların aynı şekilde yorumlamadığını bilmelisiniz.

HTML Kodu:
<meta http-equiv="expires" content = "Wed, 31 Dec 2001 00:00:00 GMT"
Hazırladığınız dosyanın 31 Aralık 2001’de gece yarısı(Greenwich saatiyle) web ortamından kaldıralacağını gösterir.

HTML Kodu:
<meta http-equiv= "refresh" content="3; 
URL = "www.site.com/resimler.html">
Bu komut satırını yazdığınız dosya 3 sn. boyunca görüntülenir daha sonra resimler.html adlı dosya görüntülenmeye başlanır.

<meta name= "................." content= "..............."

Dilerseniz <meta> komutunun name etiketiyle kullanımını da örneklerle görelim..
HTML Kodu:
<meta name="description" content="Açıklamaları ve örnekleriyle HTML komutları">
Yaptığınız sitenin içeriği ile ilgili bilgi vermenizi sağlar.Burada yazdıklarınız browserlar tarafından görüntülenmezler.

HTML Kodu:
<meta name="keywords" content="HTML,HTML dersleri, web tasarimi, web tasarımı,web dizayn">
İşte <meta> nın önemli kullanışlarından biri daha. Burada content kısmında yazdığınız sözcükler sayesinde siteniz arama motorları sayesinde bulunabilecektir.

HTML Kodu:
<meta name= "author" content="isminiz">
Bu da <meta> nın gereksiz uygulamalarından biri... Sayfayı yapan kişi veya kurum hakkında bilgi vermenizi sağlar.
organik81 is offline  
Eski 19-01-2006, 19:16   #5
organik81
WebmasteR
 
organik81 kullanıcısının avatarı
 
Konum: istanbul
Mesaj: 3,295
Üye No: 2
Giriş: 31-10-2005

Uydu Alıcısı: Vu+ Duo - Triple Dragon - Next2500 DPCI Plus - Next7500 CI

Thanks: 0
Thanked 6 Times in 5 Posts
Varsayılan <body>

<body>


<body bgcolor> : Sayfanızın arka fonunun rengini ayarlamanızı sağlar. Kullanmak istediğiniz rengi tanımlarken bazı özel renklerin ingilizcesini veya renk kodunu kullanabilirsiniz.
HTML Kodu:
Kullanılışı: 
<body bgcolor="yellow">
veya
<body bgcolor="#FFFF00">
<body background> : Arka fona bir resim yerlestirmenizi sağlar. Kullandığınız resmin boyutu ne olursa olsun ekranda yatay ve dikey olarak defalarca kez tekrarlanıp bütün arka fonu kaplayacak hale getirilir.
HTML Kodu:
Kullanılışı : 
<body background="resim.jpg">
<body text> : Kullanacağınız yazının rengini belirlemenizi sağlar..
HTML Kodu:
Kullanılışı: 
<body bgcolor="yellow" text="#FFFFOO">
<body alink> : Sayfanızdaki aktif linkin rengini belirlemenizi sağlar. Mouse ile linkin üzerine tıklandığında linkin alacağı renktir.
HTML Kodu:
Kullanılışı: 
<body alink="FF0000">
<body link> : Sayfanızdaki linklerin rengini belirlemenizi sağlar. Daha önce ziyaret edilmemiş linklerin rengidir.
HTML Kodu:
Kullanılışı: 
<body link="00FF00">
<body vlink> : Kullanıcının sayfanızda daha önce ziyaret ettiği renkleri belirtmenizi sağlar.
HTML Kodu:
Kullanılışı: 
<body vlink="0000FF">
organik81 is offline  
Eski 19-01-2006, 19:57   #6
organik81
WebmasteR
 
organik81 kullanıcısının avatarı
 
Konum: istanbul
Mesaj: 3,295
Üye No: 2
Giriş: 31-10-2005

Uydu Alıcısı: Vu+ Duo - Triple Dragon - Next2500 DPCI Plus - Next7500 CI

Thanks: 0
Thanked 6 Times in 5 Posts
Varsayılan <font>

<font>


<font> : Yazı tipini belirlemeye ve şekillendirmeye yarar.

<font size="3"> : Yazı tipinin boyutunun değerinin 3 olacağını belirtir.

<font face="Arial"> : Yazı tipinin "Arial" fontunda olacağını belirtir.

<font color="red"> : Yazı tipinin renginin kırmızı olacağını belirtir.

<hX> : X yerine verilecek rakama göre de yazı tipi boyutu farklı değerler alabilir. Alternetif bir yazı boyut ayarı tagıdır.
HTML Kodu:
<h3>Yazı buraya</h3>
organik81 is offline  
Eski 19-01-2006, 20:33   #7
organik81
WebmasteR
 
organik81 kullanıcısının avatarı
 
Konum: istanbul
Mesaj: 3,295
Üye No: 2
Giriş: 31-10-2005

Uydu Alıcısı: Vu+ Duo - Triple Dragon - Next2500 DPCI Plus - Next7500 CI

Thanks: 0
Thanked 6 Times in 5 Posts
Varsayılan Yazıyı hizalama komutları

Yazıyı hizalama komutları


<center>....</center> : Ortalamak için kullanılır.

<p>....</p> : Yazı sola dayalı olur.

<p align=center>....</p> : Yazı ortalanır.

<p align=right>....</p> : Yazı sağa dayalı olur.

<br> : Alt satıra geçmek için kullanılır.
organik81 is offline  
Eski 19-01-2006, 20:36   #8
organik81
WebmasteR
 
organik81 kullanıcısının avatarı
 
Konum: istanbul
Mesaj: 3,295
Üye No: 2
Giriş: 31-10-2005

Uydu Alıcısı: Vu+ Duo - Triple Dragon - Next2500 DPCI Plus - Next7500 CI

Thanks: 0
Thanked 6 Times in 5 Posts
Varsayılan <b> <i> <u> <strike>

<b> <i> <u>


<b>...</b> : Yazının kaln olmasını sağlar.

<i>...</i> : Yazının italik (sağa yatık) olmasını sağlar.

<u>...</u> : Yazının altçizgili olmasını sağlar.

<strike>...</strike> : Yazının üstü çizili olmasını sağlar.
organik81 is offline  
Eski 19-01-2006, 20:40   #9
organik81
WebmasteR
 
organik81 kullanıcısının avatarı
 
Konum: istanbul
Mesaj: 3,295
Üye No: 2
Giriş: 31-10-2005

Uydu Alıcısı: Vu+ Duo - Triple Dragon - Next2500 DPCI Plus - Next7500 CI

Thanks: 0
Thanked 6 Times in 5 Posts
Varsayılan Resim eklemek ve ayarlamaları

Resim eklemek ve ayarlamaları


Genel resim ekleme komutu <img src 'dir.

HTML Kodu:
<img src="resmin URL'si">
Resim ortalansın;
HTML Kodu:
<img src="resmin URL'si" align="center">
Resim sağa dayalı olsun;
HTML Kodu:
<img src="resmin URL'si" align="right">
Resmin boyutları ne olursa olsun ek kodlar kullanarak browserde bunun boyutlarını değştirebilirsiniz;
HTML Kodu:
<img src="resmin URL'si" align="right" width="100" height="50">
width = genişlik
height = yükseklik


Resmin üzerine fareyle gelince çıkan yazı için;
HTML Kodu:
<img src="resmin URL'si" alt="çıkacak olan yazı buraya">
organik81 is offline  
Eski 21-06-2006, 02:15   #10
organik81
WebmasteR
 
organik81 kullanıcısının avatarı
 
Konum: istanbul
Mesaj: 3,295
Üye No: 2
Giriş: 31-10-2005

Uydu Alıcısı: Vu+ Duo - Triple Dragon - Next2500 DPCI Plus - Next7500 CI

Thanks: 0
Thanked 6 Times in 5 Posts
Varsayılan

Sayfaya Flash (swf) Eklemek


Kod:
<embed src="swf_dosyasının_URLsi" quality="high" width="genişliği" height="yüksekliği" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
organik81 is offline  
Kapalı Konu

Konu Araçları
Görünüm Modları

Forumdaki Yetkileriniz
Konu açma yetkiniz yok
Konularda cevap yazma yetkiniz yok
Eklenti yükleme yetkiniz yok
Kendi mesajlarınızı düzenleme yetkiniz yok

BB code is Açık
SimgelerAçık
[IMG] kodu Açık
HTML kodu Kapalı

Hızlı Geçiş



Saat 12:14.


Powered by vBulletin Version 3.8.1
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.