başlamadan önce önemli bir not :


" " işaretleri arasındaki komutlar < > işaretleri arasına yazılmalıdır.........




5 Aralık 2007 Çarşamba

html dersi 10

Tablo oluşturma:





table: tablo oluşturmak için "table" komutu kullanılır.kapatma komutu ise "/table" dır.


parametreleri:

tr: tabloda satır oluşturmak için kullanılır.
td: tabloda sütün oluşturmak için kullanılır.
th: tabloda sütün başlığı oluşturmak için kullanılır.
tbody: tabloda gövde oluşturmak için kullanılır.
thead: tabloda başlık oluşturmak için kullanılır.





örnek:


İnternet Explorerdaki görünüşü:






colspan: aynı satırda hücreleri birleştirmek için kullanılır.

rowspan: aynı sütunda hücreleri birleştirmek için kullanılır.




örnek:




İnternet Explorerdaki görünüşü:





not:

width: tablonun genişliğini belirtir.
height: tablonun yüksekliğini belirtir.
cellspacing: tablonun çerçeve çizgileri arasındaki mesafeyi ayarlar.
cellpadding: tablo hücreleri içerisinde bulunan elamanların hücre kenarına olan uzaklığını belirler.

3 Aralık 2007 Pazartesi

html dersi 9

E-posta adresine bağlantı oluşturma:





mailto: "mailto" komutu, sayfamızdan e-posta adresimize bağlantı vermemizi sağlar. Kapatması ise yine "/a" komutudur.



örnek:


İnternet Explorerdaki görünüşü:



html dersi 8

Sayfa dışı bağlantı oluşturma:





a href: "a href" komutu bir önceki dersimizdede söylediğim gibi link verme komutudur sayfa dışı yani başka bir web sitesine kendi sayfamızdan link vereceksek "a href = http://link verilecek olan sitenin adresi" komutu yazılarak sayfa dışı bağlantı oluşturulur.Her zamanki gibi bu komutunda kapatması vardır: bu komut "/a" dır.
Parametreleri:
target="blank" : açılacak olan sayfayı yeni bir internet explorer sayfasında açmamızı sağlar.
target="parent" : açılacak olan sayfayı o anki ana sayfada açar.
target="top" : açılacak olan sayfayı aynı sayfada üstten açar.
target="self" : açılacak olan sayfayı aynı sayfada açar.


örnek:


İnternet Explorerdaki görünüşü:



html dersi 7

Sayfa içi bağlantı oluşturma:





a href: "a href" komutu bağlantı kurmamızı sağlar ancak sayfa içi bağlantı kurmamız için "a href = # kafadan bir isim verilir" komutu kullanılarak yapılır.Fakat bu komutu link vereceğimiz yazıya uygularız ama gidilecek yeri belirtmek için "a name = üst tarafdaki verdiğimiz ismi yazarız" komutunu yazarız.Ve her zamanki gibi komutumuzu "/a" komutu ile kapatıyoruz.



örnek:



İnternet Explorerdaki görünüşü:


1 Aralık 2007 Cumartesi

html dersi 6

Yazının rengini, tipini ve büyüklüğünü ayarlama:



font: yazının rengini, tipini ve büyüklüğünü değiştirmek için kullanılır.

"font" komutu ile birlikte kullanılan parametreler:
color: "color" komutu yazının rengini belirlemek için kullanılır.
face: "face" komutu yazının tipini belirlemek için kullanılır.
size: "size" komutu yazının büyüklüğünü belirlemek için kullanılır.


örnek:


İnternet Explorerdaki görünüşü:


html dersi 5

Sayfanın arka plan rengini değiştirme:



bgcolor: "bgcolor" komutunu "body" komutunun yanına yazarız ve ingilizce olarak bir renk gireriz.


örnek:


İnternet Explorerdaki görünüşü:



html dersi 4

Sayfa içindeki yazıları konumlandırma:



p align: "p align" komutu sayfadaki yazıyı sağa, sola dayalı ve ya ortada yapmak için kullanılır.

Parametreleri şunlardır:

left: yazıyı sola dayalı yapmak için kullanılır.
right:yazıyı sağa dayalı yapmak için kullanılır.
center:yazıyı sayfanın ortasında yapmak için kullanılır.



örnek:

İnternet Explorerdaki görünüşü:




html dersi 3

Sayfa içinde başlık yapma:




h1: "h1" komutu başlık yapmak için kullanılır. En büyük başlık "h1" komutudur.

h2: "h2" komutu başlık yapmak için kullanılır. En büyük başlığın bir küçüğü "h2" komutudur.

h3: "h3" komutu başlık yapmak için kullanılır. "h2" başlığının bir küçüğü "h3" komutudur.

h4: "h4" komutu başlık yapmak için kullanılır. "h3" başlığının bir küçüğü "h4" komutudur.

h5: "h5" komutu başlık yapmak için kullanılır. "h4" başlığının bir küçüğü "h5" komutudur.

h6: "h6" komutu başlık yapmak için kullanılır. En küçük başlık "h6" komutudur.


örnek:



İnternet Explorerdaki görünüşü:


not: "br" komutu satır atlamak (alt satıra geçmek) için kullanılır.

html dersi 2

Liste oluşturma:


ol: "ol" komutu sıralı liste oluşturmak için kullanılır.Yazımızı rakam, roma rakamı ve ya alfabetik sıraya koymamızı sağlar."ol" komutuna "type" parametresi vererek rakam, roma rakamı veya harf olacağını belirtiriz."start" parametresi vererek hangi rakam ve ya harften (yani kaçıncı sıradan) başlayacağını belirtiriz.


örnek:




İnternet Explorer daki görünüşü:






ul: "ul" komutu madde imi kullanılarak liste oluşturmak için kullanılır."type" parametresi ile hangi tür (kare, yuvarlak vb.) madde imi kullanılacağı belirtilir.

"ul" komutundaki "type" parametresinde kullanılan listeleme etiketleri:
square:içi dolu kare ile liste oluşturmak için kullanılır.
disc:içi dolu daire ile liste oluşturmak için kullanılır.
circle:içi boş daire ile liste oluşturmak için kullanılır.


Örnek:



İnternet Explorer daki görünüşü:




li: liste elemanı anlamına gelir. "ol" ve "ul" komutları ile birlikte kullanılır. ifadenin başına getirilir. Bu komutun kapatması yoktur.

html dersi 1

Basit Bir Takım Yazı Çeşitleri:


b: "b" komutu kullanılarak yazı kalınlaştırılşır.
i : "i" komutu kullanılarak yazı italik şekilde yazılır.
u: "u" komutu kullanılarak yazı altı çizili bir şekilde yazılır.


örnek:


İnternet Explorer da gözükecek olan şekli:

html başlangıcı

Sevgili "profesyonelwebci.blogspot.com" okurları:
bugün 01.12.2007 cumartesi günü ilk olarak hiç bilmiyenler için baştan almak istiyorum öncelikle bir web sayfası nasıl oluşturulur onu öğrenelim:

1.adım: sayfaya başlarken "html" komutunu kullanırız bu bize sayfanın html komutlarıyla yazıldığını belirtir. sayfanın sonunda "/html" diye kapatılır.

not : / işareti komutların işi bitince kapatmak için kullanılır.....
2.adım: daha sonra "head -- /head" komutu kullanılarak başlık çubuğuna yazı yazılır.
3.adım: "head" ve "/head" komutları arasına "title"görünecek başlık "/title" yazılır ve buraya yazılan yazı Explorerın başlık çubuğunda görünür.

4.adım: sonra "body" komutunu kullanarak sayfanın içeriğini belirleriz buraya yazdığımız yazılar İnternet Explorer sayfasında görünür. bu komutu işimiz bitince "/body" komutunu kullanarak kapatırız.
5.adım: "body" komutunu kapattıktan sonra sayfanın en başında yazmış olduğumuz "html" komutunuda "/html" diye kapatırız .

önemli:html komutlarıyla yazdığımız sayfayı kaydederken ".html" uzantılı olarak kaydetmeliyiz.

Örnek:


yukarıdaki örneğimizin İnternet Explorerdaki görünümü:

FOTOĞRAFLARIM