Facebook
From arh, 3 Years ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 58
  1. <html xmlns="http://www.w3.org/1999/xhtml"></html>
  2. <meta http-equiv="content-type" content="text/html;charset=ytf-8"/>
  3.    <title>CSS ÖĞRENİYORUM</title>
  4.     <link href="TABLO%20OLU%C5%9ETURMA.HTML" rel="stylesheet" type="text/css"/>
  5.     <style type="text/css">
  6.         #tablom {      /*tablonun geneli için kural*/
  7.             border-collapse: collapse;
  8.             font-family: verdana,helvetica,arial,sans-serif;
  9.             width: 50%;
  10.             text-align: center;
  11.         }
  12.         #tablom td, #tablom th{/*td(hücre) ve th(başlık)için ortak kural*/
  13.             border: 1px solid #98BF21;
  14.             font-size: 16px;
  15.             padding: 4px 5px 4px;
  16.         }
  17.         #tablom th { /* th(başlık)için arka plan rengi yeşil ve yazı beyaz*/
  18.             background-color: #A7C924;
  19.             color: #FFFFFF;
  20.             font-size: 18px;
  21.         }
  22.         /*satırları birbirinden ayırt etmek için 2.renk gri,sınıf seçicisi*/
  23.         .alt{
  24.             background-color: #CCC;
  25.             color: #000000;
  26.         }
  27.     </style>
  28. </head>
  29. <table id="tablom">
  30.     <tbod>
  31.     <tr>
  32.         <th>Okul Adı </th><th>öğrenci sayısı</th><th>Ders sayısı </th>
  33. </tr>
  34.     <tr>
  35.         <td>X Teknik ve EML</td><td>2353</td><td>51</td>
  36.         </tr>
  37.         <tr class="alt">
  38.         <td>Y Teknik ve EML</td><td>5123</td><td>52</td>
  39.         </tr>
  40.         <td>Z Teknik ve EML</td><td>8125</td><td>64</td>
  41.         </tr>
  42.     <tr class="alt">
  43.     <td>W Teknik ve EML</td><td>3250</td><td>35</td>
  44.     </tr>
  45.     </tbody></table>
  46. </body>