<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <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">
                <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>
    </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>

        <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>