HTML - Tablo Kullanımı


Eğer web sitenizde tablo ile yapmanız gereken bir bölüm varsa aşağıdaki table kodları ile işinizi halledebilirsiniz.


<table border="1">
<tr>
<td>1.Satır 1.Sütun</td>
<td>1.Satır 2.Sütun</td>
</tr>
<tr>
<td>2.Satır 1.Sütun</td>
<td>2.Satır 2.Sütun</td>
</tr>
</table>

Devamı

Html - id ve class Kullanımı

Html sayfasında kullandığınız divlere stil vermek için id ve class belirlemek zorundasınız. Bu özellikleri css dosyasında tanıtmanın iki farklı yolu vardır bunları aşağıdaki kodlara bakarak öğrenebilirsiniz.

id örneği

html dosyası-->      <div id="ornek"></div>      
        css dosyası-->          #ornek{background-color:red;}

class örneği

html dosyası-->  <div class="ornek"></div>      
css dosyası-->     .ornek{background-color:red;}


Devamı

Css - Yazı Altına Çizgi Ekleme

Yazı veya menü elemanlarının altına çizgi yerleştirmek için aşağıdaki kodu kullanabilirsiniz.


#yazi{border-bottom:solid 1px  blue;}

#menu ul li a:hover{color:red;  border-bottom:solid 4px orange;}

Devamı

Css - Kenarlık Verme


Oluşturduğunuz kutulara kenarlık vermek için aşağıdaki kodu kullanabilirsiniz.



Kısa Hali : #kutu{border:solid 1px #999999;}    

Uzun Hali : #kutu{border-style:solid; border-width:1px; border-color:#999999;}

Devamı

Css'te Kutulara Gölge Vermek

Şekillerin daha güzel görünüm kazanmalarını sağlamak için kullandığımız gölgelendirme özelliğini uygulamak için aşağıdaki css kodunu uygulayabilirsiniz.

#kutu{box-shadow:1px 1px 1px 1px #acabab;}

Devamı

Html'de Font Kullanımı

Html etiketlerinden birisi olan ve yazılara özellik vermeye yarayan etiket font etiketidir. Kullanımı aşağıdaki gibidir. 

<font face="Arial" size="10" color="red">Deneme</font>

Devamı

Html Ana Yapı Kodları



Html kodlarınızı yazacağınız ana iskeleti aşağıdan alabilirsiniz.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>

</body>
</html>
Devamı

Copyright 2013 YAZILIM DERSLERİNİZ