From 76978946fde992104aa7ba6fa3365977777ad044 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Barbara=20Zo=C3=A9=20Juh=C3=A1sz?= <juhaszbarbara@localhost>
Date: Tue, 18 Mar 2025 18:35:46 +0000
Subject: [PATCH] Update tizenhatos.html

---
 tizenhatos.html | 131 ++++++++++++++++++++++++++----------------------
 1 file changed, 71 insertions(+), 60 deletions(-)

diff --git a/tizenhatos.html b/tizenhatos.html
index d273867..45e28e0 100644
--- a/tizenhatos.html
+++ b/tizenhatos.html
@@ -1,73 +1,84 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="hu">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="szamrendszerp.css">
-        <link rel="stylesheet" href="ism.css">
-        <link rel="stylesheet" href="szamp.css">
+    <title>Tizenhatos Számrendszer Ismertetője</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+    <link rel="stylesheet" href="szamp.css">
 </head>
 <body>
     <nav class="navbar navbar-dark bg-dark fixed-top">
         <div class="container-fluid">
-          <a class="navbar-brand" href="#">Tizenhatos számrendszer ismertetője</a>
-          <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
-            <div class="offcanvas-header">
-              <h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">Átváltó, és ismertetők</h5>
-              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+            <a class="navbar-brand" href="#">Tizenhatos Számrendszer Ismertetője</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="offcanvas offcanvas-end text-bg-dark" id="offcanvasDarkNavbar">
+                <div class="offcanvas-header">
+                    <h5 class="offcanvas-title">Átváltó és Ismertetők</h5>
+                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"></button>
+                </div>
+                <div class="offcanvas-body">
+                    <ul class="navbar-nav">
+                        <li class="nav-item"><a class="nav-link active" href="fooldal.html">Főoldal</a></li>
+                        <li class="nav-item"><a class="nav-link" href="szamrendszer.html">Átváltó</a></li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Ismertetők</a>
+                            <ul class="dropdown-menu dropdown-menu-dark">
+                                <li><a class="dropdown-item" href="kettes.html">Kettes számrendszer</a></li>
+                                <li><a class="dropdown-item" href="nyolcas.html">Nyolcas számrendszer</a></li>
+                                <li><a class="dropdown-item" href="tizes.html">Tízes számrendszer</a></li>
+                                <li><a class="dropdown-item" href="tizenhatos.html">Tizenhatos számrendszer</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
             </div>
-            <div class="offcanvas-body">
-              <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
-                <li class="nav-item">
-                  <a class="nav-link active" aria-current="page" href="fooldal.html">Főoldal</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="szamrendszer.html">Átvátó</a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                    Ismertetők
-                  </a>
-                  <ul class="dropdown-menu dropdown-menu-dark">
-                    </li>
-                    <li><a class="dropdown-item" href="kettes.html">Kettes számrendszer</a></li>
-                    <li><a class="dropdown-item" href="nyolcas.html">Nyolcas számrendszer</a></li>
-                    <li><a class="dropdown-item" href="tizes.html">Tízes számrendszer</a></li>
-                    <li><a class="dropdown-item" href="tizenhatos.html">Tizenhatos számrendszer</a></li>
-                  </ul>
-                </li>
-              </ul>
-            </div>
-          </div>
         </div>
-      </nav>
-       <h4>A tizenhatos számrendszer</h4>
-       <p>A tizenhatos számrendszerben 16 számjegy van: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F</p>
-<p>A betűk értékei:</p>
-<p>A=10</p>
-<p>B=11</p>
-<p>C=12</p>
-<p>D=13</p>
-<p>E=14</p>
-<p>F=15</p>
-<p>Tizes számrendszerbeli számot hasonló módon számítjuk át, mint egy bináris számot decimális
-számrendszerbe.
-Az adott számot mindig osztjuk 16-tal.</p>
-<p>Tehát: </p>
-<p>183:16=11, marad 7</p>
-<p>11:16=0, marad 11</p>
-<p> folytatjuk, amíg az osztás eredménye 0 nem lesz.
-..és alulról felfelé olvasva kapjuk a B7-et, tehát :</p>
-<p>Tizes számrendszerben : 183</p>
-<p>Tizenhatos számrendszerben: B7</p>
+    </nav>
+    
+    <div class="container mt-5 pt-5">
+        <h2 class="mt-4 text-center">A Tizenhatos Számrendszer</h2>
+        <p class="lead text-center">A hexadecimális számrendszer alapelvei és átváltási módszerei</p>
+        <hr>
+        
+        <div class="card shadow-lg p-4 mb-4">
+            <p>A tizenhatos számrendszerben 16 számjegy van: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.</p>
+            <p class="fw-bold">A betűk értékei:</p>
+            <ul>
+                <li>A = 10</li>
+                <li>B = 11</li>
+                <li>C = 12</li>
+                <li>D = 13</li>
+                <li>E = 14</li>
+                <li>F = 15</li>
+            </ul>
+        </div>
+        
+        <div class="card shadow-lg p-4 mb-4 bg-light">
+            <h4>Átváltás decimális számrendszerből hexadecimális számrendszerbe</h4>
+            <p>A tizes számrendszerbeli számokat 16-tal való osztással tudjuk hexadecimális számrendszerbe alakítani. 
+            Az osztás során a maradékokat feljegyezzük, és alulról felfelé olvasva kapjuk meg a hexadecimális számot.</p>
+        </div>
 
-<a href="https://gy-szekely.cms.intezmeny.edir.hu/uploads/Szamrendszerek_7f7df759f9.pdf"> https://gy-szekely.cms.intezmeny.edir.hu/uploads/Szamrendszerek_7f7df759f9.pdf</a>
-<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSf_mwuOYsI12-f6hThUx2ah8X0MgJLCLcw8lem6EI2-y-7zQA/viewform?embedded=true" width="640" height="3536" frameborder="0" marginheight="0" marginwidth="0">Betöltés…</iframe>
+        <div class="card shadow-lg p-4 mb-4 bg-light">
+            <h4>Példa: 183 átváltása hexadecimális számrendszerbe</h4>
+            <p>183 : 16 = 11, maradék 7</p>
+            <p>11 : 16 = 0, maradék 11</p>
+            <p>Az így kapott szám alulról felfelé olvasva: <strong>B7</strong></p>
+            <p class="fw-bold">Tizes számrendszerben: 183</p>
+            <p class="fw-bold">Tizenhatos számrendszerben: B7</p>
+        </div>
+        
+        <div class="text-center">
+            <a class="btn btn-primary mt-3" href="https://gy-szekely.cms.intezmeny.edir.hu/uploads/Szamrendszerek_7f7df759f9.pdf">Bővebb információ</a>
+        </div>
+    </div>
+    
+    <div class="container my-5">
+        <iframe class="w-100 border rounded shadow" src="https://docs.google.com/forms/d/e/1FAIpQLSf_mwuOYsI12-f6hThUx2ah8X0MgJLCLcw8lem6EI2-y-7zQA/viewform?embedded=true" height="600"></iframe>
+    </div>
 </body>
 </html>
\ No newline at end of file