HIZLI ARAMA
| Webmaster Genel Webmasterler İçin Genel Bilgi Paylaşım Alanı. |
![]() |
| | #1 (permalink) |
![]() I'm RoNiN™ Kayıt: 20.04.2006 Yaş: 23
Mesajlar: 17.520 İtibar Gücü: 100 | 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> <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... <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. <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. <base> Örnek: Kod: 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> Kod: Örnek: <html> <head> <title>HTML KOMUTLARI</title> </head> <body> .........Sayfanızın içeriği...... </body> </html> <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.. <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. <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. <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.. <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. <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. <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. <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. 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. Kullanılışı : <body background="resim.jpg"> <body text> : Kullanacağınız yazının rengini belirlemenizi sağlar.. 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. Kullanılışı: <body alink="FF0000"> <body link> : Sayfanızdaki linklerin rengini belirlemenizi sağlar. Daha önce ziyaret edilmemiş linklerin rengidir. Kullanılışı: <body link="00FF00"> <body vlink> : Kullanıcının sayfanızda daha önce ziyaret ettiği renkleri belirtmenizi sağlar. Kullanılışı: <body vlink="0000FF"> <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. <h3>Yazı buraya</h3> 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. <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. Resim eklemek ve ayarlamaları Genel resim ekleme komutu <img src 'dir. <img src="resmin URL'si">Resim ortalansın; <img src="resmin URL'si" align="center">Resim sağa dayalı olsun; <img src="resmin URL'si" align="right">Resmin boyutları ne olursa olsun ek kodlar kullanarak browserde bunun boyutlarını değştirebilirsiniz; <img src="resmin URL'si" align="right"[/color] width="100" height="50">width = genişlik height = yükseklik Resmin üzerine fareyle gelince çıkan yazı için; <img src="resmin URL'si" alt="çıkacak olan yazı buraya"> |
| | |
| GiRL_Léé isimli kullanıcıya, bu konu için teşekkür edenler: | DADAŞ_25 (03-10-2007) |
| | #2 (permalink) |
| Kayıt: 20.04.2006 Yaş: 26
Mesajlar: 905 İtibar Gücü: 0 | Ynt: HTML Dersleri ! bizde site yapabileceğiz artık güzel bilgi saolasın |
| | |
| | #3 (permalink) |
![]() I'm RoNiN™ Kayıt: 20.04.2006 Yaş: 23
Mesajlar: 17.520 İtibar Gücü: 100 | Ynt: HTML Dersleri ! YORUMUN İÇİN TEŞEKKÜRLER ![]() |
| | |
| | #4 (permalink) |
| Suyla yaklaşma!! Kayıt: 20.04.2006
Mesajlar: 5.697 İtibar Gücü: 0 | Ynt: HTML Dersleri ! bilgiler için teşekkürler.. ckb.. |
| | |
| | #5 (permalink) |
![]() I'm RoNiN™ Kayıt: 20.04.2006 Yaş: 23
Mesajlar: 17.520 İtibar Gücü: 100 | Ynt: HTML Dersleri ! SAOL CKB |
| | |
| | #6 (permalink) | |
| Kayıt: 27.04.2006 Yaş: 31
Mesajlar: 1 İtibar Gücü: 0 | Ynt: HTML Dersleri ! Alıntı:
| |
| | |
| | #7 (permalink) |
| Kayıt: 27.04.2006 Yaş: 21
Mesajlar: 14 İtibar Gücü: 0 | Ynt: HTML Dersleri ! bilgilerin için teşekkürler arkdaşımm benim ilgi alanımda biraz |
| | |
| | #8 (permalink) |
![]() I'm RoNiN™ Kayıt: 20.04.2006 Yaş: 23
Mesajlar: 17.520 İtibar Gücü: 100 | Ynt: HTML Dersleri ! yorumların için teşekkürler hüzün gözlü |
| | |
![]() |
| Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
| Seçenekler | |
| Stil | |
| |
Benzer Konular | ||||
| Konu | Konuyu Başlatan | Kategori | Cevaplar | Son Mesaj |
| Msn Space HTML kodları kullanmak... | Mr.CoWbOy | Msn Space | 0 | 28-12-2007 17:54 |
| 57 Adet Pc Ders Kitabı (Frontpage, Asp, Delphi, Ftp, Html, Java, Flash, Php vs . | Argion | Windows İşletim Sistemi | 5 | 24-08-2007 19:44 |
| HTML de sayfa renqini AyarLamak !!! | PariLine_ | Webmaster Genel | 8 | 09-06-2006 14:39 |