Sigur că nu. Totul e dictat de codul HTML și CSS, din care 95% îmi aparține. Public articolul ca să-i învăț și pe alții din domeniu să creeze ceva similar.
Nu doar tabele se pot construi cu HTML și CSS. Secțiunea cu „Produse noi” e de asemenea construită cu aceste tipuri de cod; la fel și butonul cu „Verifică prețul”. Posibilitățile sunt aproape nelimitate cu aceste două limbaje.
Tipul de font, dimensiunea, culoarea de fundal a unui element, faptul că elementul saltă, își schimbă culoarea sau apare o umbră sub acesta (etc. și etc.), lucruri de genul sunt decise prin cod. Se poate scrie cod ca toate astea să se întâmple când pui săgeata mouse-ului pe un element; dar n-ar fi practic și ar încetini performanța.
Codul HTML dintre etichetele <body> și </body> descrie în mare ce tip de element e fiecare, în timp ce codul CSS de deasupra (dintre <style> și </style>) descrie cum sunt aranjate acele elemente și comportamentul lor pe pagină.
E mult de explicat pentru că codul e lung, dar pentru cei mai dibaci e suficient dacă las codul mai jos. Acel cod se introduce de exemplu în Notepad, apoi se apasă Ctrl+Shift+S și se salvează fișierul tastând în prealabil la sfârșit extensia .html în loc de .txt. Și voila, ai o pagină web.
LE: Nu mă pricep aproape deloc la Microsoft Excel.
–
<!DOCTYPE html>
<html>
<head>
<style>
h2.produse-noi {
font-family: Arial, Helvetica, sans-serif;
}
.container-absolut {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
background-color: #eeeeee;
grid-gap: 10px;
border-radius: 14px;
}
.container-absolut > div {
padding: 20px;
margin: 10px;
border: none;
background-color: #ffffff;
border-radius: 14px;
}
img.imaginea-produsului {
display: block;
margin: auto;
width: 250px;
height: 250px;
}
a.link-imagine:link, a.link-imagine:visited {
text-decoration: none;
color: black;
transition: all 0.3s;
}
a.link-imagine:hover {
text-decoration: underline;
color: #3f25a2;
}
p.nume-produs {
text-align: left;
margin-left: 7px;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
}
p.lansarea-produsului {
text-align: left;
margin-left: 7px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
margin-top: 2px;
}
p.lansarea-produsului > span {
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
p.specificatie > span.nume-specificatie {
font-weight: bold;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
}
p.specificatie {
text-align: left;
margin-left: 7px;
line-height: 150%;
margin-bottom: 4px;
margin-top: 0px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
}
div.container-produs {
box-shadow: 5px 5px 5px #dddddd;
position: relative;
top: 0;
transition: all 0.3s;
}
div.container-produs:hover {
box-shadow: 7px 7px 7px #cccccc;
top: -7px;
}
table.specificatii, table.specificatii th, table.specificatii td {
border: 1px solid black;
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif;
}
table.specificatii th {
text-align: center;
}
table.specificatii {
display: block;
max-width: -moz-fit-content;
max-width: fit-content;
overflow-x: auto;
white-space: normal;
}
table.specificatii th, table.specificatii td {
padding: 12px 7px 12px 7px;
width: 50%;
font-size: 18px;
}
h2.nume-table {
font-family: Arial, Helvetica, sans-serif;
}
div.box-link {
margin: auto;
background-color: #653bfd;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
width: 300px;
padding: 12px 16px 12px 16px;
position: relative;
top: 0;
text-align: center;
transition: all 0.3s;
border-radius: 7px;
}
div.box-link:hover {
background-color: #482dacff;
top: -7px;
box-shadow: 7px 7px 7px #aaaaaa;
}
div.box-link > a {
color: white;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
</style>
</head>
<body>
<h2 class=”produse-noi”>Produse noi</h2>
<div class=”container-absolut”>
<div class=”container-produs”>
<a href=”https://dojotech.ro/specificatii/specificatii-telefoane/samsung-galaxy-a26-specificatii-si-opinie/”><img class=”imaginea-produsului” src=”https://dojotech.ro/wp-content/uploads/2025/08/Samsung-Galaxy-A26-specificatii-si-opinie.jpg”;></a>
<br>
<p class=”nume-produs”><a class=”link-imagine” href=”https://dojotech.ro/specificatii/specificatii-telefoane/samsung-galaxy-a26-specificatii-si-opinie/”>Samsung Galaxy A26</a></p>
<p class=”lansarea-produsului”><span>Lansare:</span> 19.03.2025</p>
<p class=”specificatie”><span class=”nume-specificatie”>Ecran: </span>Super AMOLED 6,7 inci (1080 x 2340), 120Hz, 777 nits</p>
<p class=”specificatie”><span class=”nume-specificatie”>Cip: </span>Exynos 1380 (5nm), Exynos 1280 (5nm)</p>
<p class=”specificatie”><span class=”nume-specificatie”>OS: </span>Android 15 + One UI 7</p>
<p class=”specificatie”><span class=”nume-specificatie”>Baterie: </span>5000mAh</p>
<p class=”specificatie”><span class=”nume-specificatie”>Camere: </span>50MP + 8MP + 12MP, selfie 13MP</p>
<p class=”specificatie”><span class=”nume-specificatie”>Memorie: </span> 128GB/4GB RAM, 128GB/6GB RAM, 128GB/8GB RAM, 256GB/6GB RAM, 256GB/8GB RAM</p>
</div>
<div class=”container-produs”>
<a href=”https://dojotech.ro/specificatii/specificatii-telefoane/samsung-galaxy-s24-specificatii-si-opinie/”><img class=”imaginea-produsului” src=”https://dojotech.ro/wp-content/uploads/2025/08/Samsung-Galaxy-S24-specificatii-si-opinie.jpg”;></a>
<br>
<p class=”nume-produs”><a class=”link-imagine” href=”https://dojotech.ro/specificatii/specificatii-telefoane/samsung-galaxy-s24-specificatii-si-opinie/”>Samsung Galaxy S24</a></p>
<p class=”lansarea-produsului”><span>Lansare:</span> 24.01.2024</p>
<p class=”specificatie”><span class=”nume-specificatie”>Ecran: </span>Dynamic LTPO AMOLED 2X 6,2 inci (1080 x 2340) 120Hz, 2600 nits</p>
<p class=”specificatie”><span class=”nume-specificatie”>Cip: </span>Qualcomm SM8650-AC Snapdragon 8 Gen 3 (4 nm), Exynos 2400 (4nm)</p>
<p class=”specificatie”><span class=”nume-specificatie”>OS: </span>Android 14 + One UI 6.1.1</p>
<p class=”specificatie”><span class=”nume-specificatie”>Baterie: </span>4000mAh</p>
<p class=”specificatie”><span class=”nume-specificatie”>Camere: </span>50MP + 10MP + 12MP, selfie 10MP</p>
<p class=”specificatie”><span class=”nume-specificatie”>Memorie: </span>128GB/8GB RAM, 256GB/8GB RAM, 256GB/12GB RAM, 512GB/8GB RAM</p>
</div>
<div class=”container-produs”>
<a href=”https://dojotech.ro/specificatii/specificatii-telefoane/samsung-galaxy-a56-5g-specificatii-si-opinie/”><img class=”imaginea-produsului” src=”https://dojotech.ro/wp-content/uploads/2025/08/Samsung-Galaxy-A56-5G-specificatii-si-opinie.jpg”;></a>
<br>
<p class=”nume-produs”><a class=”link-imagine” href=”https://dojotech.ro/specificatii/specificatii-telefoane/samsung-galaxy-a56-5g-specificatii-si-opinie/”>Samsung Galaxy A56</a></p>
<p class=”lansarea-produsului”><span>Lansare:</span> 10.03.2025</p>
<p class=”specificatie”><span class=”nume-specificatie”>Ecran: </span>Super AMOLED 6,7 inci (1080 x 2340), 120Hz, 1900 nits</p>
<p class=”specificatie”><span class=”nume-specificatie”>Cip: </span>Exynos 1580 (4nm)</p>
<p class=”specificatie”><span class=”nume-specificatie”>OS: </span>Android 15 + One UI 7</p>
<p class=”specificatie”><span class=”nume-specificatie”>Baterie: </span>5000mAh</p>
<p class=”specificatie”><span class=”nume-specificatie”>Camere: </span>50MP + 12MP + 5MP, selfie 12MP</p>
<p class=”specificatie”><span class=”nume-specificatie”>Memorie: </span>128GB/6GB RAM, 128GB/8GB RAM, 256GB/6GB RAM, 256GB/8GB RAM, 256GB/12GB RAM</p>
</div>
<div class=”container-produs”>
<a href=”https://dojotech.ro/specificatii/specificatii-telefoane/samsung-galaxy-a16-4g-specificatii-si-opinie/”><img class=”imaginea-produsului” src=”https://dojotech.ro/wp-content/uploads/2025/08/Samsung-Galaxy-A16-4G-specificatii-si-opinie.jpg”;></a>
<br>
<p class=”nume-produs”><a class=”link-imagine” href=”https://dojotech.ro/specificatii/specificatii-telefoane/samsung-galaxy-a16-4g-specificatii-si-opinie/”>Samsung Galaxy A16</a></p>
<p class=”lansarea-produsului”><span>Lansare:</span> 20.11.2025</p>
<p class=”specificatie”><span class=”nume-specificatie”>Ecran: </span>Super AMOLED 6,7 inci (1080 x 2340), 120Hz, 808 nits</p>
<p class=”specificatie”><span class=”nume-specificatie”>Cip: </span>Mediatek Helio G99 (6nm)</p>
<p class=”specificatie”><span class=”nume-specificatie”>OS: </span>Android 14 + One UI 7</p>
<p class=”specificatie”><span class=”nume-specificatie”>Baterie: </span>5000mAh</p>
<p class=”specificatie”><span class=”nume-specificatie”>Camere: </span>50MP + 5MP + 2MP, selfie 13MP</p>
<p class=”specificatie”><span class=”nume-specificatie”>Memorie: </span>128GB/4GB RAM, 128GB/6GB RAM, 128GB/8GB RAM, 256GB/4GB RAM, 256GB/6GB RAM, 256GB/8GB RAM</p>
</div>
</div>
<h2 class=”nume-table”>Lansare:</h2>
<table class=”specificatii”>
<tr>
<th>Caracteristică</th>
<th>Detalii</th>
</tr>
<tr>
<td>Data anunțării</td>
<td>17 ianuarie 2024</td>
</tr>
<tr>
<td>Data disponibilității</td>
<td>24 ianuarie 2024</td>
</tr>
</table>
<h2 class=”nume-table”>Dimensiuni și construcție:</h2>
<table class=”specificatii”>
<tr>
<th>Caracteristică</th>
<th>Detalii</th>
</tr>
<tr>
<td>Dimensiuni</td>
<td>147 x 70,6 x 7,6mm</td>
</tr>
<tr>
<td>Greutate</td>
<td>167g sau 168g</td>
</tr>
<tr>
<td>Materiale</td>
<td>Față: sticlă Gorilla Glass Victus 2;
spate: sticlă Gorilla Glass Victus 2;
ramă din aluminiu</td>
</tr>
<tr>
<td>Rezistență</td>
<td>IP68 împotriva prafului și apei (până la 1,5 metri adâncime timp de 30 de minute)</td>
</tr>
<tr>
<td>Culori</td>
<td>Onyx Black, Marble Grey, Cobalt Violet, Amber Yellow, Jade Green, Sandstone Orange, Sapphire Blue</td>
</tr>
<tr>
<td>Senzor de amprente</td>
<td>Ultrasonic, sub ecran</td>
</tr>
</table>
<h2 class=”nume-table”>Ecran:</h2>
<table class=”specificatii”>
<tr>
<th>Caracteristică</th>
<th>Detalii</th>
</tr>
<tr>
<td>Tip</td>
<td>Dynamic AMOLED 2X LTPO, 120Hz, 480Hz PWM, HDR10+</td>
</tr>
<tr>
<td>Dimensiune</td>
<td>6,2 inci (~90,9% screen-to-body ratio)</td>
</tr>
<tr>
<td>Rezoluție</td>
<td>1080 x 2340, 19.5:9 (~416 ppi density)</td>
</tr>
<tr>
<td>Luminozitate</td>
<td>2600 nits (peak)</td>
</tr>
<tr>
<td>Protecție</td>
<td>Corning Gorilla Glass Victus 2</td>
</tr>
</table>
<h2 class=”nume-table”>Performanță:</h2>
<table class=”specificatii”>
<tr>
<th>Caracteristică</th>
<th>Detalii</th>
</tr>
<tr>
<td>Cip</td>
<td>Qualcomm SM8650-AC Snapdragon 8 Gen 3 (4nm) – SUA/Canada/China;
Exynos 2400 (4nm) – internațional</td>
</tr>
<tr>
<td>CPU</td>
<td>8-core (un nucleu Cortex-X4 de 3,39GHz, 3 nuclee Cortex-A720 de 3,1GHz, două nuclee Cortex-A720 de 2,9GHz și două nuclee Cortex-A520 de 2,2GHz);<br />
10-core (un nucleu Cortex-X4 de 3,2GHz, două nuclee Cortex-A720 de 2,9GHz, trei nuclee Cortex-A720 de 2,6GHz și patru nuclee Cortex-A520 de 1,95GHz)</td>
</tr>
<tr>
<td>GPU</td>
<td>Adreno 750 (1GHz) – SUA/Canada/China;
Xclipse 940 – internațional</td>
</tr>
<tr>
<td>OS/Interfață</td>
<td>Android 14, One UI 6.1.1</td>
</tr>
<tr>
<td>Actualizări</td>
<td>Până la 7 upgrade-uri Android majore</td>
</tr>
</table>
<h2 class=”nume-table”>Memorie:</h2>
<table class=”specificatii”>
<tr>
<th>Caracteristică</th>
<th>Detalii</th>
</tr>
<tr>
<td>RAM</td>
<td>8-12GB</td>
</tr>
<tr>
<td>Stocare internă</td>
<td>128-512GB</td>
</tr>
<tr>
<td>Expandabilă</td>
<td>Nu</td>
</tr>
<tr>
<td>Configurații</td>
<td>128GB/8GB RAM, 256GB/8GB RAM, 256GB/12GB RAM, 512GB/8GB RAM</td>
</tr>
</table>
<h2 class=”nume-table”>Camere:</h2>
<table class=”specificatii”>
<tbody>
<tr>
<th>Caracteristică</th>
<th>Detalii</th>
</tr>
<tr>
<td>Camera principală</td>
<td>50MP, f/1.8, 24mm (wide), 1/1.56″, 1.0µm, dual pixel PDAF, OIS;<br>
10MP, f/2.4, 67mm (telephoto), 1/3.94″, 1.0µm, PDAF, OIS, 3x optical zoom;<br>
12MP, f/2.2, 13mm, 120˚ (ultrawide), 1/2.55″ 1.4µm, Super Steady video</td>
</tr>
<tr>
<td>Camera selfie</td>
<td>12MP, f/2.2, 26mm (wide), 1/3.2″, 1.12µm, dual pixel PDAF</td>
</tr>
<tr>
<td>Bliț</td>
<td>LED</td>
</tr>
<tr>
<td>Înregistrare video</td>
<td>8K@24/30fps, 4K@30/60fps, 1080p@30/60/120/240fps, HDR10+, stereo sound rec., gyro-EIS</td>
</tr>
<tr>
<td>Video selfie</td>
<td>4K@30/60fps, 1080p@30fps</td>
</tr>
</tbody>
</table>
<h2 class=”nume-table”>Conectivitate:</h2>
<table class=”specificatii”>
<tr>
<th>Caracteristică</th>
<th>Detalii</th>
</tr>
<tr>
<td>5G</td>
<td>Da</td>
</tr>
<tr>
<td>4G LTE</td>
<td>Da</td>
</tr>
<tr>
<td>3G</td>
<td>Da</td>
</tr>
<tr>
<td>Wi-Fi</td>
<td>Wi-Fi 802.11 a/b/g/n/ac/6e, tri-band, Wi-Fi Direct</td>
</tr>
<tr>
<td>Bluetooth</td>
<td>Bluetooth 5.3, A2DP, LE</td>
</tr>
<tr>
<td>NFC</td>
<td>Da, în funcție de regiune</td>
</tr>
<tr>
<td>USB</td>
<td>USB Type-C 3.2, DisplayPort 1.2, OTG</td>
</tr>
<tr>
<td>GPS</td>
<td>GPS, GALILEO, GLONASS, BDS, QZSS</td>
</tr>
<tr>
<td>Infraroșu</td>
<td>Nu</td>
</tr>
<tr>
<td>SIM</td>
<td>Nano-SIM + Nano-SIM + eSIM + eSIM (maximum două simultan) – INT;
Nano-SIM + eSIM + eSIM (maximum două simultan) – SUA;
Nano-SIM + Nano-SIM – CN</td>
</tr>
<tr>
<td>Jack 3,5mm</td>
<td>Nu</td>
</tr>
<tr>
<td>Difuzor</td>
<td>Difuzoare stereo</td>
</tr>
<tr>
<td>FM radio</td>
<td>Nu</td>
</tr>
</table>
<h2 class=”nume-table”>Baterie și încărcare:</h2>
<table class=”specificatii”>
<tr>
<th>Caracteristică</th>
<th>Detalii</th>
</tr>
<tr>
<td>Capacitate</td>
<td>4000mAh</td>
</tr>
<tr>
<td>Încărcare prin fir</td>
<td>25W</td>
</tr>
<tr>
<td>Încărcare wireless</td>
<td>15W</td>
</tr>
<tr>
<td>Încărcare inversă</td>
<td>4,5W</td>
</tr>
<tr>
<td>Autonomie</td>
<td>~12 ore și 6 minute de utilizare activă</td>
</tr>
</table>
<h2 class=”nume-table”>Senzori și funcții:</h2>
<table class=”specificatii”>
<tr>
<th>Caracteristică</th>
<th>Detalii</th>
</tr>
<tr>
<td>Accelerometru</td>
<td>Da</td>
</tr>
<tr>
<td>Giroscop</td>
<td>Da</td>
</tr>
<tr>
<td>Barometru</td>
<td>Nu</td>
</tr>
<tr>
<td>Senzor de lumină</td>
<td>Da</td>
</tr>
<tr>
<td>Senzor de proximitate</td>
<td>Da</td>
</tr>
<tr>
<td>Senzor de amprente</td>
<td>Ultrasonic, sub ecran</td>
</tr>
<tr>
<td>Recunoaștere facială</td>
<td>Da</td>
</tr>
<tr>
<td>Funcții AI</td>
<td>Da</td>
</tr>
</table>
<div class=”box-link”>
<a href=”https://l.profitshare.ro/l/14685260″>Verifică prețul și disponibilitatea exacte ale acestui model pe eMAG</a>
</div>
</body>
</html>