1053 gün önce Codepen Kullanıcısının Kendi Sayfasında Arayüzü
sorusunu cevapladı.
Merhabalar isteğiniz için codepen PRO gerekmektedir. Pro alıpta bilmiyorsanız şu yolu izleyin
Profil Fotoğrafı > Ayarlar > Profil > Özel başlık URL'si
1053 gün önce Hangi Diller Gerekli?
sorusunu cevapladı.
KULLANICILARIN GÖRECEĞİ TARAF
HTML = Sayfanın temel iskeleti (zorunlu)
CSS = Sayfanı daha güzel göstermek ve düzenli durmasını sağlamak için (şiddetle önerilir)
ARKADA ÇALIŞAN SİSTEM
PHP = Kayıt ve Giriş sistemi için
MySQL = Verilerini saklaman için gerekli
JavaScript = Bu dilde işini yarayabilir öneririm. Bu projede olmasa bile önünde kesin yarar
1054 gün önce HTML Tablo ile ilgili
sorusunu cevapladı.
İ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>