Temel html kodları

ESDİEN

Profesör
Katılım
1 Aralık 2007
Mesajlar
1,020
Reaksiyon puanı
0
Puanları
0





# <HTML> ... </HTML>:
# Html kodlarımızın başladığını ve bittiğini belirtmek için kullanacağız. Yani kodlarımızın hepsi bu iki kodun arasına yazılacak. <HEAD> ... </HEAD>:
# Bu kodlar ilk yazılacak kodlardır. Bu iki kod arasına sayfamızla ilgili bilgileri yazmamız gerekmektedir. Bu iki kod arasına yazılacak kodlar şunlardır. <TITLE> ... </TITLE>:
# Head kodlarının arasına yazılacak olan bu iki kod arasına sayfanızın ismini ve birkaç küçük bilgi yazmanız gerekmektedir. <META name="description" content="...">:
# Head kodları araına yazılan Meta kodları sayfanızı arama motoruna kaydettiğiniz zamanlarda sayfanız hakkında bilgi vermenizi sağlar. Bu meta kodunda bulunan content="..." kısmına sayfanızın tanımını yazmanız gerekmektedir. <META name="keywords" content="...">:
# Head kodları arasına yazılacak olan bu Meta kodundaki content="..." kısmına ise sayfanızı arama motorunda araken kullanılan anahtar kelimeleri yazmanız gerekmektedir. <META name="Author" content="...">:
# Head kodları arasına yazılacak olan bu Meta kodunda ise content="..." kısmına sayfanızının sahibi olan kuruluş veya kişinin adı yazılmalıdır. <META name="generator" content="...">:
# Head kodları arasına yazılacak olan bu Meta kodunda ise content="..." kısmına sayfanızı hazırladığınız html programının ismini yazmanız gerekmektedir. <BODY> </BODY>:
# Bu iki kod ise Head kodlarından sonra gelen ve sayfanızın temelini oluşturan kodlardır. Sayfanızın şeklini belirleyecek olan tüm kod ve yazılar bu iki kodun arasına veya kod satırına yazılacaktır. <BODY BACKGROUND="...">:
# Bu kod satırındaki tırnakların arasına sayfanızın arka fonunu oluşturacak resimin adresini yazmanız gerekmektedir. <BODY BGCOLOR="...">:
# Bu kod satırına ise sayfanızın arka plan rengini yazmanız gerekmektedir. <BODY TEXT="...">:
# Bu kod satırına ise sayfanızda kullanacağınız yazının rengini belirlemeniz gerekmektedir. <BODY LINK="...">:
# Bu kod satırına ise sayfanızda vermiş olduğunuz linklerin hangi renkle gösterileceğini belirtmeniz gerekmektedir. <BODY VLINK="...">:
# Bu kod satırına ise daha önceden ziyaret edilmiş linklerin hangi renkle gösterileceğini belirtmeniz gerekmektedir <BODY ALINK="...">:
# Bu kod satırında ise bir linke tıklandığında o linkin renginin hangi renke dönüşmesi gerektiğini belirtmeniz gerekmektedir. <BODY BGSOUND="...">:
Bu kod satırı sayesinde sayfanızda, arka fonda müzik çalmasını sağlayabilirsiniz. Yapmanız gereken tek şey, tırnakların arasına müzik dosyasının adresini yazmak.

Önemli Not! Yukarıda BODY ile başlayan kodlar, aynı kod dizinine yazılmalıdırlar. (Örnek: <BODY BACKGROUND="..." TEXT="..." LINK="..."> )

# <FONT COLOR="..."> ... </FONT>:
# Daha önce body kod satırı içerisinde belirttiğiniz renkten farklı bir renk kullanmak isterseniz bu kdu kullanmalısınız. <FONT SIZE="..."> ... </FONT>:
# Yazı karakterlerinin boyunu ayarlamak için kullanmalısınız. <FONT FACE="..."> ... </FONT>:
Yazı tipinin(fontunun) belirlenesine yaramaktadır.

Önemli Not! Yukarıda FONT ile başlayan kodlar, eğer birden fazla kullanılacaksa, aynı kod dizinine yazılmalıdırlar. (Örnek: <FONT SIZE="..." COLOR="..."> )

# <B> ... </B>:
# Yazı şeklinin daha koyu olmasını sağlar. <I> ... </I>:
# Yazı karakterinin eğri olmasını sağlar. <U> ... </U>:
# Yazı karakterlerinin altına bir çizgi çeker. <HR>:
# Sayfada soldan sağa sürekli bir çizgi çeker. <BR>:
# Satır atlamaya yarar. <LI>:
# Sayfada noktayla başlayan bir liste oluşturmak için kullanılır. Listedeki her madde için birer kere kullanılması gerekmektedir. <P>:
# Yeni bir paragrafa başlamak için kullanın. <IMG SRC="...">:
# Sayfanıza resim koymaya yarayan komuttur. <CENTER> </CENTER>:
# Sayfanızdaki bir yazıyı yada resmi ortalamak için bu kodu kullanmanız gerekmektedir. <TABLE> ... </TABLE>:
# Sayfanızda tablolar yaratmak için kullanmanız gereken koddur. Bence bir sayfanın yapısını belirleyen kod TABLE kodudur. İyi hazırlanmış bir tablo sayfanızı gerçekten güzel kılar. <TABLE BORDER="...">:
# Sayfada kullanacağınız tablonun kenarlarındaki sınırların kallınlığını belirlemek için kullanılan koddur. <TABLE CELLSPACING="..." CELLPADDING="...">:
# Tablonun içinde kulanacağınız hücrelerin boyutunu ayarlamak için kullanmanız gereken kodlar. <TABLE WIDTH="..." HEIGHT="...">:
Tablonun boyutlarını belirlemek için kullanacağınız koddur.

Önemli Not! Yukarıdaki son 3 kod, TABLE kod dizinine ardarda yazılmalıdır.

# <TR>:
# Tablonun içinde yeni bir satır oluşturmak için kullanılır. Table komut satırından sonra ilk kullanılacak ve tablo içinde her yeni satıra başlamak için kullanmanız gereken koddur. <TD>:
# Tabloda yeni bir hücre oluşturmanız için kullanacağınız koddur. <TD WIDTH="..." HEIGHT="...">:
# Tablo içerisindeki hücrenin boyutunu belirlemek için kullanılması gereken koddur. <TD ALIGN="..." VALIGN="...">:
Tablo içerisindeki hücrenin, tablo içindeki yerini belirtmek için kullanılması gereken koddur.

Önemli Not! Yukarıdaki son 2 kod, TD kod dizinine ardarda yazılmalıdır.

# <FRAMESET COLS="...%, ...%> (veya) <FRAMESET ROWS="...%, ...%"> ... </FRAMESET>:
# İki ayrı sayfayı tek bir sayfada göstermeye yarayan koddur. İlk seçeneği seçerseniz iki sayfa tek bir sayfa içerisinde yan yana yer alır. İkinci seçenekte ise iki ayrı sayfa tek bir sayfa içerisinde alt alta yer alır. % işaretinden önceki noktalı yere, her iki sayfanında tek sayfa içerisindeki yer kaplama yüzdeleri yazılmalıdır. FRAMESET kod satırı HEAD ile BODY kod satırları arasında yer alır. <FRAME SRC="...">:
Tek sayfa içerisinde göstermek istediğiniz her iki sayfayı da bu kod ile tek tek yazmalısınız.

Kaynak


 

turoksin0

Profesör
Katılım
18 Ağustos 2007
Mesajlar
4,656
Reaksiyon puanı
0
Puanları
216
biraz karışık gibi duruyo ama teşekkürler
 

Serkannd

Profesör
Katılım
12 Aralık 2007
Mesajlar
2,157
Reaksiyon puanı
10
Puanları
218
bunu hazırlayan kişide varya işi gücü yokmu
 

Pikachu

Öğrenci
Katılım
24 Ocak 2008
Mesajlar
3
Reaksiyon puanı
0
Puanları
0
Eline sağlık sıfırdan başlayanlar için güzel bir döküman ;D
 

_MuRaT_

Öğrenci
Katılım
4 Şubat 2008
Mesajlar
43
Reaksiyon puanı
0
Puanları
0
aslında bilen için pek karmaşık değil
 

keyloger

Rektör
Katılım
4 Ocak 2008
Mesajlar
13,268
Reaksiyon puanı
237
Puanları
243
yazının duruşu karmaşık gözüküyor ben bu kodları biliyorum ama bilmeyen birinin okumak isteyeceği tipten bir yazıya benzemiyor yinede sağol ;)
 

sercanozturk

Asistan
Katılım
28 Ekim 2007
Mesajlar
206
Reaksiyon puanı
0
Puanları
0
İlk defa görenler için öyle gözüküyor olabilir ama Html hiçte karmaşık değildir.
 
Üst