En Komik ve Eğlenceli Videolar Burada. * FrmTR Sohbet Kontrol Panelinizde.
Forum TR
Go Back   Forum TR > >
FrmTR'ye Reklam Vermek İçin: [email protected]
Cevapla
 
Konu Araçları
Eski 12-07-08, 17:54   #1
»»»¢єєєк«««

Cool Bazı Html Kodları.


HTML'YE GİRİŞ
HTML, HyperText Markup Language, tarayıcı (browser)'lardan görebileceğimiz (Internet Explorer, Netscape gibi) internet dokümanlarını yaratmaya yarayan bir işaretleme dilidir. İnternet üzerindeki tüm sayfaların kaynağı HTML'dir. Tarayıcı olmadan HTML kodları birşey ifade etmez.

HTML dokümanları herhangi bir yazı editörü ile düzenlenip *.htm, *.HTML, *.sHTML gibi uzantılarla kaydedilir. Bunun için notepad, pico, wordpad gibi editörler yeterlidir. Bunların yanında Frontpage, Dreamweaver, Homesite gibi bu iş için hazırlanmış ve kodlamayı kolaylaştıran programlar da vardır.

Her HTML dokümanı <HTML> ile başlar ve </HTML> ile biter. <> şeklinde görülen komutlara etiket (tag) adı verilir. Bir HTML dokümanı iki ana kısımdan oluşmaktadır:<head> . . . </head> etiketi arasında yer alan Başlık bölümü; <body> . . . </body> etiketleri arasında yer alan Gövde Bölümü. Başlık bölümü içine <title>. . . </title> etiketi konulur. title, tarayıcımızın en üstünde gözükür ve oluşturulan sayfanın başlığıdır.

Örnek:



Eğer hazırlanan sayfa Türkçe içerikli ise Türkçe karakterlerin (ç, ğ, ı, , ş, ö, ü) düzgün görünmesi için Başlık kısmı içerisine aşağıdaki meta etiketi eklenir. Meta etiketleri için detaylı bilgiye buradan ulaşabilirsiniz.

<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">

title etiketi ile başlığı belirttikten sonra Başlık bölümü kapatılır ve ana kısım olan Gövde' ye geçilir. Sayfamızda görüntülemek istediğimiz bütün bilgileri Gövde kısmına koyarız.

Herhangi bir web sayfasının HTML kodunu görmek istediğimiz zaman, farenin sağ tuşuna tıklayıp view source/kaynağı görüntüle seçeneğini seçeriz.

Bir etiketin nasıl davranması gerektiği hakkında bilgi içeren etiketin içindeki metne Değişken denir. Aşağıdaki örnekte body etiketinin içindeki bgcolor ifadesi değişkendir ve arkaplan rengini belirler. Çoğu etiket isteğe bağlı olarak ya da gerektiği için bağımsız değişkenleri kabul eder.

<body bgcolor="yellow">

Çift taraflı etiketler içiçe geçebilirler ama dikkat edilmesi gereken nokta en son açılan etiketin en önce kapatılmasıdır. Aşağıda yanlış ve doğru uyguluma örneği verilmiştir.

<b><i>Bu bir yanlış örnektir. </b></i>

<b><i>Doğrusu budur. </i></b>

<br> ve <hr> gibi tek taraflı etiketler , <br /> ve <hr /> şeklinde yazılmalıdır.

BASİT HTML ETİKETLERİ

Başlıklar:

Başlıklar:

6 çeşit başlık vardır:<h1>, <h2>, . . . <h6>. Bunlardan en büyüğü <h1>, en küçüğü ise <h6>'dır.

Paragraflar, Satır boşlukları ve Yatay Çizgiler:

Paragraflar <p> etiketiyle oluşturulur. Paragraf metni <p> ile </p> arasında yer alır. Örneğin:

<p>Bu bir paragraftır. </p>

Paragraf başlatmadan bir satır boşluğu yaratmak için <br/> etiketi kullanılır. Örneğin:

<p>Paragrafın ilk satırı. <br />Paragrafın ikinci satırı. </p>

Sayfaya (aşağıdaki gibi) yatay çizgi eklemek için <hr> etiketini kullanırız.

METİNLER

<font color="red" face="arial" size="3">. . </font>

Color yazı karakterinin rengini, face yazi tipini (arial, verdana, tahoma gibi), size da boyutunu belirler. Size değişkeninde kullanılan rakam 1'den 7'ye kadardır.

<font> etiketi HTML 4. 0 'da desteklenmemektedir ama yine de taracıyıcılar <font> etiketi ile yapılmış biçimlendirmeyi destekler. Hala pek çok web sayfasında <font> etiketi kullanılmaktadır. Başlangıç seviyesi için <font> etiketi kullanmak yeterliyken ilerki seviyeler için stilleri kullanmanız tavsiye edilir. (Bkz: Gelişmiş HTML Dersi Stiller ve Satır İçi Kapsayıcıları Başlıkları)

Font etiketi ile birlikte aşağıdaki tabloda verilen etiketleri kullanarak sayfanızdaki metinleri biçimlendirebilirsiniz

Renkler :

HTML dokümanlarında renkler ya İngilizce isimleriyle, ya da 16'lık sayı düzenindeki "hexadecimal" değerleriyle belirtilir.
En sık kullanılan ve hemen hemen bütün tarayıcıların desteklediği 16 renk aşağıdakilerdir:


body bgcolor="green">

Bu örnekte sayfanın arkaplan rengi yeşil olur.

<body bgcolor="#008000"> aynı sonucu verir.

Örnek :

<font color="#4B0082"> Font rengi "indigo" oldu. </font> Etiketi kapattığımız için tekrar normale döndü.

LİNKLER:

Linkler <a>. . . </a> etiketi içinde, href="" komutuyla belirtilir.

Örnek:

<a href="[Linkleri sadece kayıtlı üyelerimiz görebilir.ForumTR üyesi olmak için tıklayınız] target="_blank">SensizOlmuyor.Org Ana Sayfası</a>

Bu örnekte bir de target değişkeni verilmiştir. Adresi verilen web sayfasının başka bir pencerede açılmasını isterseniz target="_blank" komutunu eklemeniz gerekir. Aynı pencerede açılmasını isterseniz ilgili değişkeni target="_top" şeklinde yazabilirsiniz. Hiç bir şey yazılmazsa da sayfa aynı pencerede açılır.

title değişkenini kullanarak da fare linkin üzerine geldiğinde gözükecek link açıklamasını ekleyebilirsiniz. Aşağıdaki örnekte fareyle linkin üzerine gelip beklerseniz Orta Doğu Teknik Üniversitesi yazısını göreceksiniz.

<a href="[Linkleri sadece kayıtlı üyelerimiz görebilir.ForumTR üyesi olmak için tıklayınız] target="_blank" title="Orta Doğu Teknik Üniversitesi" >ODTÜ Ana Sayfası</a>

Eğer hazırladığınız dokümanlar arasında bir bağlantı kurmak istiyorsanıiz, <a> etiketini aşağıdaki gibi kullanmalısınız.

<a href="dosyaadi.HTML">Önceki sayfa</a>

Bir e-posta adresine link vermek istiyorsanız:

<a href="mailto:[email protected]">E-posta atmak için tıklayın. </a>

Bu linke tıklandığında bilgisayarda kurulu varsayılan e-posta okuma programı açılır ve gönderilecek adres bölümünde etiket içinde belirtilen adres yazar.

Aynı doküman içinde bağlantı kurmak istersek tutturucu noktaları (anchor points) kullanırız. Tutturucu HTML sayfasında bir yer işaretidir. İsmi ile bir bölgeyi belirler ve bu tutturucuya bir link verebilirsiniz. Bu sayfadaki her konu başlığına bir tutturucu belirlenmiştir. Sayfa başındaki listede herhangi bir başlığa tıkladığınızda sayfa içindeki ilgili konu başlığına gider. Örnek olarak Resim Ekleme bölümüne gitmek için buraya tıklayabilirsiniz. Tutturucuların kullanımı aşağıdaki gibidir.

Linkler başlığına aşağıdaki gibi bir tutturucu belirleriz.

<a name="link">Linkler</a>

Sayfanın herhangi bir bölümünde yukarıda belirlediğimiz tutturucuya aşağıdaki gibi link veririz

<a href="#link">Linklere git</a>

Sağ tarafta bulunan Başa Dön linkleri de bu şekilde hazırlanmıştır.

RESİM EKLEME

Resim ekleme:

<img src="resim.jpg" />

şeklinde olur. Dikkat etmemiz gereken kulanacağımız resmin dizin yapısıdır.

Bağımsız Değişkenler :

<img src="" width="" height="" border="" alt="" />

alt: Resme açıklama vermemizi sağlar. Fareyi resmin üstüne getirdiğimizde, alt değişkeninde yazılan açıklama ekranda çıkar. Eğer resim açılmazsa, onun yerine açıklama görünür.

src : Resim dosyasının kaynağını belirtir.

** Eğer web sayfasının arka planında bir imajın çıkması istenirse:

<body background="resim.jpg"> şeklinde yazılır.

Resimleri linke dönüştürmek için <a> etiketi ile <img> etiketini içiçe kullanırız.

<a href="[Linkleri sadece kayıtlı üyelerimiz görebilir.ForumTR üyesi olmak için tıklayınız] target="_blank"><img src="odtu.jpg" /></a>

Not: Resimlerin width ve height değişkenlerini belirtmeniz sayfanızın yüklenirken şeklinin bozulmasını önler.
  Alıntı Yaparak Cevapla
Eski 12-07-08, 18:31   #2
cacay

Varsayılan C: Bazı Html Kodları.


Bilmeyenler için başlangıç seviyesinde güzel bir paylaşım olmuş.Sağol.
  Alıntı Yaparak Cevapla
Eski 17-01-09, 21:38   #3
tipsizhasan

Varsayılan C: Bazı Html Kodları.


Teşekkürler iyi oldu ama bunlar artık biliniyo...
yha aradaslar aranıza yeni katıldım forma bakacak zamanımda yok bana mavi güzewl animasyonlu bi menü lazım kodları mevcut olan arakadaları bekli yorummmmm
  Alıntı Yaparak Cevapla
Eski 18-01-09, 00:46   #4
digimfb

Varsayılan C: Bazı Html Kodları.


menu yapmak için 123 flash menu programını tavsiye ederim. güzel eklentileri var. Flash isteyosan tabiki.
  Alıntı Yaparak Cevapla
Eski 26-01-10, 11:14   #5
kwelliso

Varsayılan C: Bazı Html Kodları.

Arkadaşım birşey soracağım ben azbuz dan bir site açtım oyun ekliyorum (HTML kodu ile)
bunları nasıl kategorilere ayırabilirim.(örneğin savaş oyunları ... gibi)

yardımlarını bekliyorum
  Alıntı Yaparak Cevapla
Cevapla

Bu konunun kısa yolunu aşağıdaki sitelere ekleyebilirsiniz

Konu Araçları

Gönderme Kuralları
Yeni konu açamazsınız
Cevap yazamazsınız
Dosya gönderemezsiniz
Mesajlarınızı düzenleyemezsiniz

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



5651 sayılı yasaya göre forumumuzdaki mesajlardan doğabilecek her türlü sorumluluk yazan kullanıcılara aittir. Şikayet Mailimiz. İçerik, Yer Sağlayıcı Bilgilerimiz. Reklam Mailimiz. Gizlilik Politikası


Reklamı Kapat

Reklamı Kapat