Aşağıda en çok kullanılan ve HTML diline girişte bilmeniz gereken kodları paylaşıyorum;
Kod:
Kod:
<HTML></HTML>
bütün HTML dosyaları <HTML> kodu ile başlar </HTML> ile biter. web sayfası ile ilgili tüm deyimler bu iki kodun arasında kalmalıdır.
Kod:
<HEAD></HEAD>
web sayfası ile ilgili temel özellikler,Sayfa Başlığı,Yazı karakterler kümesi,link özllikleri gibi,burada tanımlanır.kısaca head kısmında sayfanın nasıl görüntüleneceği gibi bölümler yer alır. yeri geldikçe bu deyimin kullanımı gösterilecektir.
Kod:
<TITLE></TITLE>
<TITLE> satırında Internet Explorer programına sayfaya başlık verilmek istenildiğinde kullanılır...IE explorer bu aradakini pencere başlığı sayar... bu komut <HEAD></HEAD> komutları arasında bulunur...
Kod:
<BODY></BODY>
web sayfasındaki asıl bilgiler bu aralığa yazılır yazılan herşey sayfada gözükür...
eğer bi açıklama yazılacaksa Kod: <!--açıklamayaı buraya yaz-->
şeklinde yazın....
Kod:
<BR>
aynı satırda gözükmemesi için yani satır atlamak için bunu kullanacaksınız....
Kod:
<CENTER></CENTER>
Bu komutlar arasında yazılan yazılar eklenmek istenen resimler nesneler sayfada ortalanır...
Kod:
<H?></H?>
web sayfasında yazılacak metnin puntosunda değişiklik yapmak için kullanılır ? işareti yerine 1-5 arası bi yazı yazılır... 1en büyük yazı karakteri 5 en küçük karakterdir...
Kod:
<FONT SIZE="sayı"COLOR="renk"FACE="yazı tipi">buraya yazdığımız yazı bu özellikleri taşır </FONT>[/b]
<H?></H?> yerine bunu da kullanabiliriz... size bölümüne punto yazabilirsiniz 10pt gibi yada 1-5 arası rakamı "1" gibi yazıcaksınız... color bölümüne red blue falan yazın ayda #FFFFF0 gibi kodda verebilirsiniz... FACE bölümüne Tahoma, arial falan yazın...[/size]
Kod:
<B></B>
metin sayfada koyu gösterilir...
Kod:
<U></U>
iki deyim arasına yazılınca altıçizili yazar...
Kod:
<I></I>
italik yazar...
Kod:
<SUP></SUP>
üst indis yapar...
Kod:
<SUB></SUB>
alt indis yapar...
Kod:
<PRE></PRE>
bu deyimler arasına yazılan şeyler yazıldığı gibi gözükür...
Kod:
<P ALIGN="Right-Left-center"></P>
Eğer uzun bir metin birden fazla paragrafla yazılacaksa paragraf bu araya konur...
ALIGNe yazıldığı tarafa dayanır...
ARTALAN EKLEME
Kod:
<BODY BGCOLOR="renk"></BODY>
renk yerine ingilizce renk isimleri yazın red,blue,,gray,cyan gibi
Kod:
<BODY BGCOLOR="#kkyymm"></BODY>
kodlama #kkyymm olarak yazılacak...00 ile 99 arasında belirleyin kk-yy-mm olarak kk kırmızıyı kodlar yy yeşili mm mavi.. 99 dediğinizde o renk tam ton girer... örneğin #990000 tam kırmızıdır...
bazen Fde konur F 9 manasında konur...
Kod:
<BODY BACKGROUND="file//images/zart_zurt.jpg"></BODY>
artalana resim eklnebilir... bu uzantılar olmalı....gif,jpeg,jpg,bmp..
YATAY ÇİZGİ EKLEME
Kod:
<HR WIDTH="uzunluk"COLOR="renk"SIZE="yükseklik"NOSHADE >
yatay çizgi eklemek için...
WIDTH bölümüne ya piksel olarak yada % oalark yazacaksınız.. %80 deyince satırın %80ini kaplar
SIZE: çizginin kalınlığı 1-5 arsı bir değer giriniz..
COLOR:rengi belirleyin...
NOSHADE: bu parametre çizginin gölgesini yokeder.. diğer türlü gölgesi var...
SAYFAYA RESİM EKLEME
Kod:
<img SRC="file://dosya konumu" WIDTH="genişlik" HEIGHT="yükseklik" ALT="açıklama" BORDER="sınır">
WIDTH: eni buraya piksel olarak yada % olarak belirtin...
HEIGHT: boyu buraya piksel olarak yada % olarak belirtin...
ALT: fare resmin üstüne gelince açıklama yazısı oluo...
BORDER: resme kenarlık vermek için kullanılır.. sınır(0-6) arası girin...
SAYFAYA MADDE İŞARETLERİ EKLEME
Kod:
<UL>,<OL>,<LI>
liste hazırlarken bunlar kullanılır... madde imi olarak büyük bir nokta koymak için <UL> numara koymak için <OL> Madde olarak kullanılacak her satır <LI> ile başlayıp </LI> ile biter..
Kod:
<UL TYPE="DISC-CIRCLE-SQUARE">
maddeyi yazıcan...</UL> büyük nokta,çember yada kare için disc circle yada square olcak...
SAYFAYA TABLO EKLEMEK
<TABLE>,<TR> ve <TD>
Kod:
<TABLE BORDER="sınır" WIDTH="en" HEIGHT="boy"></TABLE>
BORDER: çerçeve kalınlığı 1-5arası rakam yazın...
Kod:
<TR></TR>
satırlarda işlem için..
Kod:
<TD BGCOLOR="renk"> ALIGN="left-right-center"></TD>
AYNI SAYFA İÇİNDE BAĞLANTI KURMAK
Kod:
< A HREF="#AD">Yardıma git< /A>
yardımı aynı sayfada şöyle yazıcaz
Kod:
< a NAME="AD">yardım edioz burda...< /a>
FRAME VEYA ÇERÇEVE ÖZELLİĞİ KAZNDIRMA
Kod:
<FRAMESET ROWS-COLS="?,*" BORDER="?"></FRAMESET>
ROWS:sayfayı yatay bölmek için kullanılır ROWS="100,*" 100 piksel ayırır
COLS:dikey bölme
BORDER:çizgi kalınlığını belirler..? yerine 0-5 arası sayı girin
Kod:
<FRAME SCR="dosyaadı" NAME="çerçeve ismi" SCROLLING="YES-NO-AUTO" NORESIZE>
eğer framesetinizin genişletilmesini kullanılara izin vermek istemiosanız noresize yazın...
BİR ÇERÇEVE DİĞERİNE BAĞLANTI
Kod:
<a HREF="url" TARGET="Hedef çerçeve">< /a>