v2.5.2
Giriş yap

HTML Tablo ile ilgili

shawtymclemor
444 defa görüntülendi ve 1 kişi tarafından değerlendirildi
1 3

Merhabalar, aşağıda fotoğrafını eklediğim excell tablosunu HTML olarak bir türlü beceremedim. Bu konuyla ilgili yardımcı olmak isteyen çıkar mı acaba?

https://prnt.sc/26ngdjq

html
otkur
1167 gün önce

İnşallah yararlı olmuştur fakat çok temel css var kusura bakmayın sadece html ile bende aynısını yapamam

<!DOCTYPE html>
<html lang="tr">

<head>
       <meta charset="UTF-8">
       <title>Tablo</title>
       <style>
              table {
                     font-family: Arial, Helvetica, sans-serif;
                     border-collapse: collapse;
              }

              td,
              th {
                     border: 1px solid black;
                     text-align: center;
              }

              th {
                     background-color: #B7DEE7;
              }

              td {
                     background-color: #EAF1DE;
              }

              .sarılar {
                     background-color: #FFFF00;
                     padding: 15px;
              }

              /*
       ADET isimli başlık sarı değilde beyaz olduğundan ona özel müdahale yaptık
       ve etikete style niteleğiyle beyaz rengi atatık.
       */
       </style>
</head>

<body>
       <table>
              <tr>
                     <!--
                     gönderdiğiniz resim dosyasında başlık boşlukları farklı olduğundan
                     ve hepsine id tanımlamak zor olduğundan hepsine style niteliği tanımladık.
                     -->
                     <th style="padding: 4px 35px;">MODEL ADI</th>
                     <th style="padding: 4px 25px;">MALAFA</th>
                     <th style="padding: 4px 35px;">TEL ÖLÇÜSÜ</th>
                     <th style="padding: 4px 4px;">TEL GRAM</th>
                     <th style="padding: 4px 4px;">TEL ADET</th>
                     <th style="padding: 4px 4px;">DÖKÜM</th>
                     <th style="padding: 4px 4px;">DÖKÜM ADET</th>
              </tr>
              <tr>
                     <th rowspan="2" class="sarılar">pc101</th>
                     <td></td>
                     <td>130X230</td>
                     <td>90</td>
                     <td>220</td>
                     <td></td>
                     <td></td>
              </tr>
              <tr>
                     <td></td>
                     <td>200 TERS DOÇ</td>
                     <td>40</td>
                     <td>200</td>
                     <td></td>
                     <td></td>
              </tr>
              <tr>
                     <th style="background-color: white;">ADET</th>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
              </tr>
              <tr>
                     <th rowspan="2" class="sarılar">20</th>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
              </tr>
              <tr>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
              </tr>
       </table>
</body>

</html>
HTML
0
#008839
Tüm Cevapları Göster (3)