<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Comparing Numbers: Tens Place</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #f8fafc;
      color: #0f172a;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      padding: 10px 8px;
    }

    .diagram {
      width: 100%;
      max-width: 500px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    /* Columns container */
    .compare-grid {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 6px;
      align-items: center;
    }

    /* Number Card Column */
    .num-card {
      background: #ffffff;
      border: 2px solid #cbd5e1;
      border-radius: 10px;
      padding: 8px 6px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    }

    .num-header {
      font-size: clamp(20px, 5vw, 26px);
      font-weight: 800;
      line-height: 1.1;
      color: #0f172a;
    }

    .places-wrap {
      display: flex;
      gap: 4px;
      width: 100%;
      justify-content: center;
    }

    /* Place Value Boxes */
    .place-box {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 5px 3px;
      border-radius: 6px;
      min-width: 0;
    }

    .tens-box {
      background: #eff6ff;
      border: 2px solid #2563eb;
    }

    .ones-box {
      background: #fefce8;
      border: 2px dashed #ca8a04;
    }

    .place-label {
      font-size: clamp(9px, 2.2vw, 11px);
      font-weight: 800;
      text-transform: uppercase;
      margin-bottom: 4px;
      letter-spacing: 0.3px;
      line-height: 1.2;
      text-align: center;
      white-space: nowrap;
    }

    /* High-contrast accessible text colors */
    .tens-box .place-label {
      color: #1e3a8a;
    }

    .ones-box .place-label {
      color: #713f12;
    }

    /* Visual Rods / Units Container */
    .items-container {
      display: flex;
      gap: 2px;
      justify-content: center;
      align-items: flex-end;
      min-height: 42px;
      width: 100%;
      flex-wrap: nowrap;
      overflow: hidden;
    }

    /* Ten Rod (Blue) */
    .ten-rod {
      flex: 0 1 5px;
      width: clamp(3px, 1.2vw + 1px, 6px);
      height: clamp(32px, 9vw, 42px);
      background: #2563eb;
      border-radius: 2px;
      box-shadow: inset 0 0 0 1px #1d4ed8;
      flex-shrink: 1;
    }

    /* One Unit (Yellow) */
    .one-unit {
      width: clamp(6px, 1.8vw + 2px, 8px);
      height: clamp(6px, 1.8vw + 2px, 8px);
      background: #eab308;
      border: 1px solid #a16207;
      border-radius: 2px;
    }

    .ones-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 2px;
      justify-content: center;
      align-items: center;
      max-width: 22px;
    }

    /* Center Comparison Area */
    .mid-compare {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 2px;
      padding: 0;
      z-index: 2;
    }

    .compare-circle {
      background: #15803d;
      color: #ffffff;
      border-radius: 16px;
      padding: 5px 7px;
      font-size: clamp(10px, 2.6vw, 12px);
      font-weight: 800;
      text-align: center;
      box-shadow: 0 2px 6px rgba(21, 128, 61, 0.25);
      border: 2px solid #ffffff;
      white-space: nowrap;
    }

    /* Indicator Arrows */
    .arrow-svg {
      width: clamp(48px, 12vw, 68px);
      height: 14px;
      display: block;
    }

    /* Bottom Result Banner */
    .result-banner {
      background: #16a34a;
      color: #ffffff;
      font-size: clamp(13px, 3.8vw, 16px);
      font-weight: 800;
      text-align: center;
      padding: 8px 12px;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(22, 163, 74, 0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
    }

    /* Focus highlight */
    .highlight-tens {
      animation: pulseGlow 2.5s infinite ease-in-out;
    }

    @keyframes pulseGlow {
      0%, 100% {
        box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.25);
      }
      50% {
        box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.45);
      }
    }
  </style>
</head>
<body>

  <div class="diagram">
    <div class="compare-grid">
      
      <div class="num-card">
        <div class="num-header">54</div>
        <div class="places-wrap">
          
          <div class="place-box tens-box highlight-tens">
            <span class="place-label">5 Tens</span>
            <div class="items-container">
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
            </div>
          </div>
          
          <div class="place-box ones-box">
            <span class="place-label">4 Ones</span>
            <div class="items-container">
              <div class="ones-grid">
                <div class="one-unit"></div>
                <div class="one-unit"></div>
                <div class="one-unit"></div>
                <div class="one-unit"></div>
              </div>
            </div>
          </div>
        </div>
      </div>

      
      <div class="mid-compare">
        
        <svg class="arrow-svg" viewBox="0 0 80 18" fill="none" aria-hidden="true">
          <path d="M8 14 C 28 14, 28 5, 40 5" stroke="#16a34a" stroke-width="2.5" stroke-linecap="round"/>
          <path d="M72 14 C 52 14, 52 5, 40 5" stroke="#16a34a" stroke-width="2.5" stroke-linecap="round"/>
          <circle cx="40" cy="5" r="2.5" fill="#15803d"/>
        </svg>

        <div class="compare-circle">
          8 tens &gt; 5 tens
        </div>

        <svg class="arrow-svg" viewBox="0 0 80 14" fill="none" aria-hidden="true">
          <path d="M40 0 L40 10" stroke="#16a34a" stroke-width="2.5" stroke-linecap="round"/>
          <path d="M36 6 L40 11 L44 6" stroke="#16a34a" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </div>

      
      <div class="num-card">
        <div class="num-header">81</div>
        <div class="places-wrap">
          
          <div class="place-box tens-box highlight-tens">
            <span class="place-label">8 Tens</span>
            <div class="items-container">
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
              <div class="ten-rod"></div>
            </div>
          </div>
          
          <div class="place-box ones-box">
            <span class="place-label">1 One</span>
            <div class="items-container">
              <div class="ones-grid">
                <div class="one-unit"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    
    <div class="result-banner">
      <span>81 is larger!</span>
    </div>
  </div>

</body>
</html>

Comparing Numbers Using the Tens Place

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, sans-serif;
    }

    body {
      background: transparent;
      color: #1e2945;
      padding: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
    }

    .main-wrap {
      width: 100%;
      max-width: 600px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    /* Comparison Cards Grid */
    .cards-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      position: relative;
    }

    .compare-card {
      background: #ffffff;
      border: 2px solid #e2e8f0;
      border-radius: 16px;
      padding: 14px 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      transition: box-shadow 0.3s ease, border-color 0.3s ease;
    }

    .card-warn {
      border-color: #cbd5e1;
    }

    .card-win {
      border-color: #10b981;
      background: #f0fdf4;
      box-shadow: 0 4px 16px rgba(16, 185, 129, 0.12);
    }

    /* Winner badge */
    .win-badge {
      position: absolute;
      top: -10px;
      right: 12px;
      background: #10b981;
      color: #ffffff;
      font-size: 12px;
      font-weight: 800;
      padding: 2px 10px;
      border-radius: 999px;
      letter-spacing: 0.5px;
      box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
    }

    /* Big Numbers */
    .num-display {
      font-size: 38px;
      font-weight: 900;
      line-height: 1;
      margin-bottom: 8px;
      display: flex;
      align-items: baseline;
      gap: 2px;
    }

    .digit-tens {
      color: #2563eb;
      text-decoration: underline;
      text-decoration-thickness: 3px;
      text-underline-offset: 4px;
    }

    .digit-ones {
      color: #ea580c;
    }

    /* Block Display Area */
    .blocks-area {
      width: 100%;
      height: 120px;
      background: #f8fafc;
      border-radius: 12px;
      border: 1px dashed #cbd5e1;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      gap: 10px;
      padding: 8px 6px;
      margin-bottom: 10px;
    }

    .card-win .blocks-area {
      background: #ffffff;
      border-color: #bbf7d0;
    }

    .rods-group {
      display: flex;
      gap: 4px;
      align-items: flex-end;
    }

    /* Proportional Base-10 Blocks */
    .ten-rod {
      width: 12px;
      height: 90px;
      background: #3b82f6;
      border: 1px solid #1d4ed8;
      border-radius: 3px;
      background-image: repeating-linear-gradient(
        to bottom,
        #3b82f6 0px,
        #3b82f6 8px,
        #1d4ed8 8px,
        #1d4ed8 9px
      );
      flex-shrink: 0;
    }

    .cubes-group {
      display: grid;
      grid-template-columns: repeat(3, 9px);
      gap: 3px;
      align-self: flex-end;
      margin-bottom: 2px;
    }

    .one-cube {
      width: 9px;
      height: 9px;
      background: #f97316;
      border: 1px solid #c2410c;
      border-radius: 2px;
    }

    /* Tags */
    .tag {
      font-size: 12px;
      font-weight: 700;
      border-radius: 8px;
      padding: 4px 8px;
      text-align: center;
      width: 100%;
    }

    .tag-warn {
      background: #fff1f2;
      color: #be123c;
      border: 1px solid #fecdd3;
    }

    .tag-win {
      background: #dcfce7;
      color: #15803d;
      border: 1px solid #bbf7d0;
    }

    /* Comparison operator divider */
    .vs-symbol {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #1e2945;
      color: #ffffff;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 16px;
      z-index: 2;
      box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }

    /* Rule Banner */
    .rule-box {
      background: #eff6ff;
      border: 1.5px solid #bfdbfe;
      border-radius: 12px;
      padding: 10px 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      text-align: center;
    }

    .rule-icon {
      font-size: 20px;
      line-height: 1;
    }

    .rule-text {
      font-size: 14px;
      font-weight: 800;
      color: #1e40af;
    }

    .rule-sub {
      color: #3b82f6;
      font-weight: 700;
    }

    @media (max-width: 400px) {
      .num-display {
        font-size: 32px;
      }
      .ten-rod {
        width: 10px;
        height: 80px;
      }
      .blocks-area {
        gap: 6px;
      }
    }
  </style>
</head>
<body>

  <div class="main-wrap">
    
    <div class="cards-grid">
      <div class="vs-symbol">&lt;</div>

      
      <div class="compare-card card-warn">
        <div class="num-display">
          <span class="digit-tens">2</span><span class="digit-ones">9</span>
        </div>

        <div class="blocks-area">
          <div class="rods-group">
            <div class="ten-rod"></div>
            <div class="ten-rod"></div>
          </div>
          <div class="cubes-group">
            <div class="one-cube"></div>
            <div class="one-cube"></div>
            <div class="one-cube"></div>
            <div class="one-cube"></div>
            <div class="one-cube"></div>
            <div class="one-cube"></div>
            <div class="one-cube"></div>
            <div class="one-cube"></div>
            <div class="one-cube"></div>
          </div>
        </div>

        <div class="tag tag-warn">
          2 tens = 20<br>
          <span style="font-size: 11px; font-weight: 600; opacity: 0.9;">⚠️ 9 ones</span>
        </div>
      </div>

      
      <div class="compare-card card-win">
        <div class="win-badge">✓ GREATER</div>
        
        <div class="num-display">
          <span class="digit-tens">6</span><span class="digit-ones">1</span>
        </div>

        <div class="blocks-area">
          <div class="rods-group">
            <div class="ten-rod"></div>
            <div class="ten-rod"></div>
            <div class="ten-rod"></div>
            <div class="ten-rod"></div>
            <div class="ten-rod"></div>
            <div class="ten-rod"></div>
          </div>
          <div class="cubes-group" style="grid-template-columns: 9px;">
            <div class="one-cube"></div>
          </div>
        </div>

        <div class="tag tag-win">
          6 tens = 60!<br>
          <span style="font-size: 11px; font-weight: 600; opacity: 0.9;">✓ Only 1 one</span>
        </div>
      </div>
    </div>

    
    <div class="rule-box">
      <span class="rule-icon">👀</span>
      <div class="rule-text">
        Always check tens first!<br>
        <span class="rule-sub">6 tens beat 2 tens (60 &gt; 20)</span>
      </div>
    </div>
  </div>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #ffffff;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      padding: 12px;
      user-select: none;
    }

    .comparison-container {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      width: 100%;
      max-width: 520px;
    }

    .number-card {
      flex: 1;
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 16px;
      padding: 14px 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }

    .num-header {
      font-size: 32px;
      font-weight: 800;
      color: #1e2945;
      margin-bottom: 12px;
      display: flex;
      align-items: baseline;
      gap: 2px;
    }

    .tens-digit {
      color: #2563eb;
      position: relative;
    }

    .ones-digit {
      color: #d97706;
    }

    .blocks-area {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      gap: 10px;
      height: 120px;
      width: 100%;
    }

    /* Tens group with glowing highlight */
    .tens-group {
      display: flex;
      align-items: flex-end;
      gap: 4px;
      padding: 4px 6px;
      border-radius: 8px;
      background: rgba(37, 99, 235, 0.06);
      border: 2px solid #2563eb;
      box-shadow: 0 0 10px rgba(37, 99, 235, 0.25);
      animation: pulseGlow 2.5s infinite ease-in-out;
      min-height: 112px;
    }

    @keyframes pulseGlow {
      0%, 100% {
        box-shadow: 0 0 6px rgba(37, 99, 235, 0.2);
        border-color: #2563eb;
      }
      50% {
        box-shadow: 0 0 14px rgba(37, 99, 235, 0.45);
        border-color: #1d4ed8;
      }
    }

    .rod {
      width: 9px;
      height: 100px;
      background: #2563eb;
      border-radius: 2px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 1px 0;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    }

    .rod-segment {
      height: 8px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }
    .rod-segment:last-child {
      border-bottom: none;
    }

    .ones-group {
      display: grid;
      grid-template-columns: repeat(2, 10px);
      gap: 3px;
      align-content: end;
      min-height: 100px;
      padding-bottom: 2px;
    }

    .unit-cube {
      width: 10px;
      height: 10px;
      background: #f59e0b;
      border-radius: 2px;
      border: 1px solid #d97706;
      box-shadow: 0 1px 2px rgba(0,0,0,0.08);
    }

    .card-label {
      margin-top: 10px;
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
      text-align: center;
    }

    .card-label span {
      color: #2563eb;
      font-weight: 700;
    }

    /* Center Comparator */
    .comparator {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-width: 38px;
    }

    .compare-sign {
      font-size: 34px;
      font-weight: 900;
      color: #2563eb;
      background: #eff6ff;
      border: 2px solid #bfdbfe;
      border-radius: 50%;
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
    }

    /* Summary pill */
    .summary-banner {
      margin-top: 16px;
      background: #eff6ff;
      border: 1.5px solid #bfdbfe;
      border-radius: 999px;
      padding: 8px 18px;
      font-size: 15px;
      font-weight: 700;
      color: #1e2945;
      text-align: center;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .summary-banner .highlight {
      color: #2563eb;
    }
  </style>
</head>
<body>

  <div class="comparison-container">
    
    <div class="number-card">
      <div class="num-header">
        <span class="tens-digit">7</span><span class="ones-digit">2</span>
      </div>
      
      <div class="blocks-area">
        <div class="tens-group" title="7 Tens">
          <div class="rod"><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div></div>
          <div class="rod"><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div></div>
          <div class="rod"><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div></div>
          <div class="rod"><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div></div>
          <div class="rod"><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div></div>
          <div class="rod"><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div></div>
          <div class="rod"><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div></div>
        </div>

        <div class="ones-group" title="2 Ones">
          <div class="unit-cube"></div>
          <div class="unit-cube"></div>
        </div>
      </div>

      <div class="card-label"><span>7 tens</span> 2 ones</div>
    </div>

    
    <div class="comparator">
      <div class="compare-sign">&gt;</div>
    </div>

    
    <div class="number-card">
      <div class="num-header">
        <span class="tens-digit">3</span><span class="ones-digit">8</span>
      </div>

      <div class="blocks-area">
        <div class="tens-group" title="3 Tens">
          <div class="rod"><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div></div>
          <div class="rod"><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div></div>
          <div class="rod"><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div><div class="rod-segment"></div></div>
        </div>

        <div class="ones-group" title="8 Ones">
          <div class="unit-cube"></div>
          <div class="unit-cube"></div>
          <div class="unit-cube"></div>
          <div class="unit-cube"></div>
          <div class="unit-cube"></div>
          <div class="unit-cube"></div>
          <div class="unit-cube"></div>
          <div class="unit-cube"></div>
        </div>
      </div>

      <div class="card-label"><span>3 tens</span> 8 ones</div>
    </div>
  </div>

  <div class="summary-banner">
    <span><strong class="highlight">7 tens</strong> is more than <strong class="highlight">3 tens</strong>!</span>
    <span>&bull;</span>
    <span class="highlight">72 &gt; 38</span>
  </div>

</body>
</html>

认识计数单位“十”与“百”

100以内数的组成与数位表

一个一个和十个十个地数到1000

认识计数单位“千”与1000的直观表征

1000以内数的读法与“0”的读法规则

1000以内数的写法与数位表应用

1000以内数的组成与数级分解

math

1000以内数的认识与读写

Conteo de objetos uno a uno hasta 10

Representación de cantidades con marcas y dibujos hasta 10

Lectura y escritura de números del 0 al 10

El número cero como ausencia de cantidad

Conteo hacia adelante y hacia atrás hasta 20

Conteo de dos en dos hasta 20

Identificación de números pares e impares con parejas

Números ordinales del primero al décimo

Conteo, representación y patrones hasta 20

Showing Zero With Objects: An Empty Group

Counting Forwards From 0 to 10

Counting Backwards From 10 to 0

Counting Forwards From 10 to 20

Counting Backwards From 20 to 10

Counting From Any Given Number Within 20

Representing Numbers to 10 on Ten-Frames

Representing Teen Numbers with Ten-Frames and Cubes

Placing Numbers to 20 on a Number Line

Counting and Representing Numbers to 20

Recognising Written Numbers 1 to 5

Recognising Written Numbers 6 to 9

Showing Numbers 1 to 9 With Objects

Recognising Written Numbers 10 to 15

Recognising Written Numbers 16 to 20

Recognising and Representing Numbers to 20

Wartość cyfry – jedności i dziesiątki

Wartość cyfry – setki i tysiące

Zapisywanie liczb cyframi i słownie

Poprzednik i następnik liczby

Porównywanie liczb do 10 000

Porządkowanie liczb rosnąco i malejąco

Liczby na osi liczbowej

Zapis i porządkowanie liczb do 10 000

Comparing Two Numbers With the Same Tens Digit

Using Greater Than, Less Than, and Equal To Symbols

Comparing Numbers Up to 120 with Base-Ten Models

Finding Numbers Between Two Given Numbers

Ordering Numbers from Least to Greatest and Greatest to Least

Solving Real-World Comparison Word Problems Up to 120

Comparing and Ordering Numbers Up to 120

Conteo y agrupación hasta 50 elementos

Conteo de cinco en cinco hasta 50

Conteo de diez en diez hasta 100

Exploración del cuadro numérico del 1 al 100

Identificación del número anterior y posterior hasta 100

Conteo hacia atrás desde 100

Patrones de sumar y restar dos en el tablero de 100

Estimación visual de cantidades hasta 50

Conteo, patrones y sentido numérico hasta 100

Counting Forwards from 21 to 50

Recognising Written Numbers 21 to 50

Recognising Written Numbers 51 to 99

Counting to 100 by Ones

Counting from 100 to 120

Counting and Recognising Numbers to 120

Reading and Writing Numbers 1 to 5 in Words

Reading and Writing Numbers 6 to 10 in Words

Reading and Writing Numbers 11 to 15 in Words

Reading and Writing Numbers 16 to 20 in Words

Matching Numerals to Words Within 20

Finding One More Than a Number Within 10

Finding One Less Than a Number Within 10

Finding One More Than a Number Within 20

Finding One Less Than a Number Within 20

Understanding Tens and Ones in Teen Numbers

Numbers to 20 in Words and Place Value

认识计数单位“万”及10000的概念

万以内数位顺序表的建立与认识

万以内不含0的四位数的读写

万以内含0的数的读法与写法难点突破

万以内数的组成与数值分析

万以内数的认识与读写

Ranger les nombres de 1 à 10 dans l'ordre croissant

Comparer deux nombres jusqu'à 20

Comparer deux nombres à deux chiffres en observant les dizaines

Utiliser les symboles =, < et >

Encadrer un nombre par le nombre précédent et le suivant

Intercaler un nombre entre deux nombres donnés au CP

Ordonner des nombres jusqu'à 100 dans l'ordre croissant

Ordonner des nombres jusqu'à 100 dans l'ordre décroissant

Placer les nombres sur la frise numérique jusqu'à 20

Placer des nombres sur une demi-droite graduée de 1 en 1 jusqu'à 100

Lire le nombre repéré par une flèche sur la demi-droite

Comparer, ordonner et placer sur la frise au CP

Generating Numbers Greater Than a Given Number to 120

Generating Numbers Less Than a Given Number to 120

Using Comparative Language to Compare Numbers to 120

Comparing Numbers Using Place Value

Comparing Two Numbers to 100 Using >, <, and = Symbols

Ordering Numbers to 120 Using Place Value

Using Open Number Lines to Order Numbers to 120

Comparing, Ordering, and Generating Numbers to 120

Counting Forwards to 50 From 0 or 1

Counting Backwards From 50

Counting Forwards From 50 to 100

Counting Backwards From 100

Counting Across Tens Boundaries to 100

Counting From Any Two-Digit Number to 100

Reading and Writing Numerals to 50

Reading and Writing Numerals From 50 to 100

Finding One More and One Less Up to 50

Finding One More and One Less Up to 100

Counting and Exploring Numbers to 100

Writing Number Words to Twenty

Using a Hundred Chart to Count

Finding Numbers Before, After, and Between to 120

Counting Backwards from 120

Finding Missing Numbers on a Number Line to 120

Comparing Numbers Up to 99 With >, <, and =

Comparing Two-Digit Numbers Using Tens and Ones

Ordering and Comparing Numbers to 120

Números de 0 a 9: escrita e leitura

Números de 10 a 19: a primeira dezena

Números de 20 a 49

Números de 50 a 99

O número 100: cem como 10 dezenas

Valor posicional: unidades e dezenas

Dezenas e unidades com material manipulável

Sistema de numeração decimal: leitura, escrita e valor posicional

认识传统算盘的结构与梁珠定位

用算盘表示1到9及一颗上珠代表5的规则

用算盘表示百以内和千以内的数

用算盘表示万以内数与空档记0

数轴（数线）上万以内数的直观对应

生活中的万以内大数调查与表述

算盘记数与大数的直观表达

Using More Than, Less Than and Equal To with Numbers

Using the Words Most and Least to Compare Groups

Comparing Numbers Within 20 Using Objects and Drawings

Ordering Three Numbers From Least to Most

Ordering Three Numbers From Most to Least

Estimating Positions of Numbers on a 0 to 100 Number Line

Comparing and Ordering Numbers to 100

Comparando números: maior e menor

Ordenando números na reta numérica

Reta numérica de 0 a 50

Reta numérica de 0 a 100

Números pares e ímpares: conceito

Identificando números pares

Identificando números ímpares

Padrões de contagem de 2 em 2

Padrões de contagem de 5 em 5 e 10 em 10

Ordenação na reta numérica e padrões de contagem

Construcción de la centena con bloques multibase

Lectura y escritura de centenas completas hasta 900

Representación de números de tres cifras en la tabla de posición

Descomposición expandida de números de tres cifras

Equivalencias entre centenas, decenas y unidades

Valor de un dígito según su posición en el número

Uso del ábaco para números hasta 999

Introducción al número 1.000: la unidad de mil

Cambio y canje de unidades por decenas y centenas

Lectura y escritura de números hasta 1.000

Valor posicional y centenas hasta 1.000

认识关系符号“>”、“<”、“=”的数学含义

位数不同的万以内数的大小比较

位数相同的三位数大小比较

位数相同的四位数大小比较

多个万以内数的由小到大或由大到小排序

万以内数的大小比较与排序

Comparación de colecciones: más que, menos que e igual que

Símbolos de comparación: mayor que, menor que e igual

Comparación de números de dos cifras usando decenas

Ordenamiento de grupos de números de menor a mayor

Ordenamiento de grupos de números de mayor a menor

Comparación de números de tres cifras

Comparación y orden de números naturales

Using Given Digits to Form Two-Digit Numbers

Word Problems With Tens and Ones

Greatest and Smallest Two-Digit Numbers in Real Life

Comparing and Applying Place Value

Comparing Groups: More, Fewer, or Equal

Comparing Two-Digit Numbers With Base-Ten Blocks

Comparing Numbers: Look at the Tens First

Comparing Numbers: When the Tens Are the Same, Look at Ones

Comparing Numbers Up to 100

Building Numbers With Different Tens and Ones Combinations

Partitioning Teen Numbers Into Ten and Ones

Partitioning Two-Digit Numbers in Different Ways

Representing Two-Digit Numbers in Different Ways

Ordering Two-Digit Numbers From Smallest to Largest

Place Value: Flexible Partitioning, Comparing, and Ordering

Counting in Twos with Pairs of Objects

Counting Forwards and Backwards in Twos to 24

Identifying Even and Odd Numbers with Pairs

Counting in Fives with Hands and Tally Marks

Counting Forwards and Backwards in Fives to 50

Counting in Tens with Ten-Frames and Dienes

Skip Counting in 2s, 5s, and 10s

OGM.2.NBT.2

Aligned learning resources

Related diagrams