Ekrem
Kategori:Çalışma Notları
| Tarih:
22.10.2013 10:47:58
Bu yazı 1740 defa okundu
Web tasarımı ve programlama dersinden
Tag(etiket): html kodları içersinde <(küçüktür işareti) ile başlayıp; >(büyüktür işareti) ile sonlandırdığımız özel komutlara verdiğimiz isimdir.
Örnek: <html>, <table>, <body>
NOT: </body> ifadesindeki ?/? işareti etiketin bittiği anlamına gelmektedir.
XHTML standartlarındaki kullanımda yaygın olmamakla birlikte günümüzde hala kullanılıyor.
NOT: Etiketler hiyerarşik yapıda olmak zorundadırlar.
Örnek: <bOdy> ile etiketimi açmışsam mutlaka </BodY> ile etiketimi KAPATMAM LAZIIIM!!!
İstisnai durum: <asp:Label runat=?server? id=?tb1? Text=?Buraya tıklayınız? /> ifadesine benzer yapılardaki etiketler başladığı yerde bitirilebiliyor. Bu şekildeki kullanımlar istisnadır.
HTML sayfaları html etiketlerinde meydana geliyor. Sık kullanacağımız etiketleri açıklayarak konumuza giriş yapabiliriz.
HTML?DE BAŞLIKLAR
<h1>?</h1>, <h2>?</h2>,<h3>?</h3>,<h4>?</h4>,<h5>?</h5>,<h6>?</h6>,
ÖRNEK
| <h1>h1 düzeyindeki başlığım</H1><h2>h2 düzeyindekibaşlığım</H2><h3>h3 düzeyindeki başlığım</H3> <h4>h4 düzeyindeki
başlığım</H4> <h5>h5 düzeyindeki başlığım</H5> <h6>h6 düzeyindeki başlığım</H6> başlığımız burada bitti. |
<BR> etiketi
Enter vazifesi görür.
ÖRNEK
| <h2>Haftanın günleri</h2>Pazartesi<br/>Salı<br/>Çarşamba<br/>
Perşembe<br/>Cuma<br/>Cumartesi<br/>
Pazar |
<p> etiketi
Paragraf başı yapmak içün kullanılır.
ÖRNEK
| <br/>Musa diyor ki: "hocamkodları bildikten sonra kolay
gibi geliyor bana."<br/>Nisa da cevap olarak:"
Haklısın arkadaşım diyor."<p>Konumuz icabı bu
satırda <p> etiketini kullanmak istiyorum <p> işte kullandım. |
Tablo kullanımı
<table></table>
Satır eklemek içün
<tr></tr>
Sütun eklemek içün
<td></td> kullanırız.
NOT: <td> etiketi <tr> nin içine yazılıııııır!!!
ÖRNEK
| <table border='1'><tr><td>Tablo örneğiiii</td></tr>
</table> |
İzahat: border ifadesini <table> etiketinin parametresi diye ele alırız.
Soru: 6X6 lık bir tablo oluşturalım
ÖRNEK
| <table border='1'><tr><td>Tablo örneğiiii</td></tr>
</table><br>6X6 lık bir tablo örneği
<table border='1' bgcolor='red'>
<tr >
<td bgcolor='cyan'>1
</td><td>2</td><td>3</td><td>4</td><td>5</td><td>
6</td>
</tr>
<tr>
<td>7</td><td>8</td><td>9</td><td>10</td><td>11</td
><td>12</td>
</tr>
<tr>
<td>13</td><td bgcolor='cyan'
>14</td><td>15</td><td>16</td><td>17</td><td>18</td
>
</tr>
<tr>
<td>19</td><td>20</td><td>21</td><td>22</td><td>23
</td><td>24</td>
</tr>
<tr>
<td>25</td><td>26</td><td>27</td><td>28</td><td>2
9</td><td>30</td>
</tr>
<tr>
<td>31</td><td>32</td><td>33</td><td>34</td><td>35
</td><td>36</td>
</tr>
</table> |
ÖRNEK