<!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">
  <title>Tenths Area Model</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
    }

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

    .diagram-wrap {
      width: 100%;
      max-width: 350px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
    }

    /* Tape diagram bar */
    .tape-container {
      width: 100%;
      position: relative;
    }

    .tape-bar {
      display: flex;
      width: 100%;
      height: 48px;
      border: 2px solid #1e2945;
      border-radius: 8px;
      overflow: hidden;
      background: #f8fafc;
      cursor: pointer;
    }

    .segment {
      flex: 1;
      border-right: 1px solid #cbd5e1;
      transition: background-color 0.25s ease;
      position: relative;
    }

    .segment:last-child {
      border-right: none;
    }

    .segment.shaded {
      background-color: #0ea5e9;
    }

    .segment.preview {
      background-color: #7dd3fc;
    }

    /* Number line below tape */
    .number-line {
      width: 100%;
      position: relative;
      height: 28px;
      margin-top: 4px;
    }

    .axis-line {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: #94a3b8;
    }

    .tick-group {
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .tick {
      width: 2px;
      height: 6px;
      background: #64748b;
    }

    .tick.major {
      height: 8px;
      background: #1e2945;
    }

    .tick-label {
      font-size: 11px;
      font-weight: 600;
      color: #64748b;
      margin-top: 2px;
    }

    .tick-label.active {
      color: #0284c7;
      font-weight: 700;
    }

    /* Dynamic Bracket & Label Area */
    .bracket-container {
      width: 100%;
      height: 36px;
      position: relative;
    }

    .bracket-svg {
      width: 100%;
      height: 100%;
      overflow: visible;
    }

    /* Result Card */
    .result-badge {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      background: #f0f9ff;
      border: 1.5px solid #bae6fd;
      border-radius: 10px;
      padding: 8px 14px;
      width: 100%;
    }

    .fraction-box {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      font-weight: 700;
      font-size: 15px;
      line-height: 1.1;
      color: #0284c7;
    }

    .fraction-line {
      width: 100%;
      min-width: 18px;
      height: 1.5px;
      background: #0284c7;
      margin: 1px 0;
    }

    .equals {
      font-size: 16px;
      font-weight: 700;
      color: #64748b;
    }

    .decimal-val {
      font-size: 18px;
      font-weight: 800;
      color: #0284c7;
    }

    .word-val {
      font-size: 14px;
      font-weight: 600;
      color: #1e2945;
      margin-left: 2px;
    }

    /* Interactive Stepper Controls */
    .controls {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: -2px;
    }

    .btn-ctrl {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 1px solid #cbd5e1;
      background: #ffffff;
      color: #1e2945;
      font-size: 16px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 1px 3px rgba(0,0,0,0.08);
      transition: background-color 0.15s ease;
    }

    .btn-ctrl:active {
      background: #e2e8f0;
    }

    .hint-text {
      font-size: 12px;
      color: #64748b;
      font-weight: 500;
    }
  </style>
</head>
<body>

  <div class="diagram-wrap">
    
    
    <div class="tape-container">
      <div class="tape-bar" id="tapeBar">
        
      </div>
    </div>

    
    <div class="number-line" id="numberLine">
      <div class="axis-line"></div>
      
    </div>

    
    <div class="bracket-container">
      <svg class="bracket-svg" id="bracketSvg">
        <path id="bracketPath" fill="none" stroke="#0284c7" stroke-width="2" stroke-linecap="round" />
      </svg>
    </div>

    
    <div class="result-badge">
      <div class="fraction-box">
        <span id="fracNum">6</span>
        <span class="fraction-line"></span>
        <span>10</span>
      </div>
      <span class="equals">=</span>
      <span class="decimal-val" id="decVal">0.6</span>
      <span class="word-val" id="wordVal">(six tenths)</span>
    </div>

    
    <div class="controls">
      <button class="btn-ctrl" id="btnDec" aria-label="Decrease shaded parts">−</button>
      <span class="hint-text">Tap tape or buttons</span>
      <button class="btn-ctrl" id="btnInc" aria-label="Increase shaded parts">+</button>
    </div>

  </div>

  <script>
    const WORDS = [
      "zero tenths",
      "(one tenth)",
      "(two tenths)",
      "(three tenths)",
      "(four tenths)",
      "(five tenths)",
      "(six tenths)",
      "(seven tenths)",
      "(eight tenths)",
      "(nine tenths)",
      "(one whole)"
    ];

    let currentShaded = 6;
    const TOTAL_PARTS = 10;

    const tapeBar = document.getElementById('tapeBar');
    const numberLine = document.getElementById('numberLine');
    const fracNum = document.getElementById('fracNum');
    const decVal = document.getElementById('decVal');
    const wordVal = document.getElementById('wordVal');
    const bracketPath = document.getElementById('bracketPath');
    const btnDec = document.getElementById('btnDec');
    const btnInc = document.getElementById('btnInc');

    // Build tape blocks
    for (let i = 1; i <= TOTAL_PARTS; i++) {
      const seg = document.createElement('div');
      seg.className = 'segment' + (i <= currentShaded ? ' shaded' : '');
      seg.dataset.index = i;
      seg.addEventListener('click', () => setShaded(i));
      tapeBar.appendChild(seg);
    }

    // Build number line ticks (0 to 10 -> 0.0 to 1.0)
    for (let i = 0; i <= TOTAL_PARTS; i++) {
      const tg = document.createElement('div');
      tg.className = 'tick-group';
      tg.style.left = (i * 10) + '%';
      
      const isMajor = (i === 0 || i === TOTAL_PARTS || i === currentShaded);
      const tick = document.createElement('div');
      tick.className = 'tick' + (isMajor ? ' major' : '');
      
      const label = document.createElement('div');
      label.className = 'tick-label' + (i === currentShaded ? ' active' : '');
      label.textContent = (i === 10) ? '1.0' : (i === 0 ? '0' : (i / 10).toFixed(1));
      
      tg.appendChild(tick);
      tg.appendChild(label);
      numberLine.appendChild(tg);
    }

    function updateBracket() {
      const svg = document.getElementById('bracketSvg');
      const w = svg.clientWidth || 334;
      const targetX = (currentShaded / TOTAL_PARTS) * w;
      
      if (currentShaded === 0) {
        bracketPath.setAttribute('d', '');
        return;
      }

      const x0 = 2;
      const x1 = Math.max(x0 + 8, targetX - 2);
      const midX = (x0 + x1) / 2;
      const topY = 4;
      const tipY = 22;
      const r = 6;

      // Smooth downward bracket path
      const d = `
        M ${x0} ${topY}
        Q ${x0} ${topY + r} ${x0 + r} ${topY + r}
        L ${midX - r} ${topY + r}
        Q ${midX} ${topY + r} ${midX} ${tipY}
        Q ${midX} ${topY + r} ${midX + r} ${topY + r}
        L ${x1 - r} ${topY + r}
        Q ${x1} ${topY + r} ${x1} ${topY}
      `;
      bracketPath.setAttribute('d', d);
    }

    function setShaded(n) {
      currentShaded = Math.max(0, Math.min(TOTAL_PARTS, n));
      
      // Update segments
      const segments = tapeBar.querySelectorAll('.segment');
      segments.forEach((seg, idx) => {
        seg.classList.toggle('shaded', idx < currentShaded);
      });

      // Update values
      fracNum.textContent = currentShaded;
      decVal.textContent = (currentShaded === 10) ? '1.0' : (currentShaded / 10).toFixed(1);
      wordVal.textContent = WORDS[currentShaded];

      // Update tick labels highlight
      const labels = numberLine.querySelectorAll('.tick-label');
      labels.forEach((lbl, idx) => {
        lbl.classList.toggle('active', idx === currentShaded);
      });

      updateBracket();
    }

    btnDec.addEventListener('click', () => setShaded(currentShaded - 1));
    btnInc.addEventListener('click', () => setShaded(currentShaded + 1));

    window.addEventListener('resize', updateBracket);
    // Initial draw
    requestAnimationFrame(updateBracket);
  </script>
</body>
</html>

Understanding Tenths with Visual Area Models

<!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">
  <title>Understanding Tenths</title>
  <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: 16px 8px;
    }

    .diagram {
      width: 100%;
      max-width: 520px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
    }

    .equation-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      width: 100%;
    }

    .frame-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      flex: 1;
      max-width: 200px;
    }

    .ten-frame {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: repeat(2, 1fr);
      gap: 3px;
      width: 100%;
      aspect-ratio: 5 / 2;
      background: #e2e8f0;
      padding: 4px;
      border-radius: 8px;
      border: 2px solid #cbd5e1;
    }

    .cell {
      border-radius: 4px;
      background: #ffffff;
      border: 1px solid #cbd5e1;
      transition: background-color 0.25s ease, transform 0.2s ease;
    }

    .cell.shaded {
      background: #22b7ff;
      border-color: #0099e6;
      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.12);
    }

    .operator {
      font-size: 26px;
      font-weight: 700;
      color: #1e2945;
      margin-top: -24px;
    }

    .frame-label {
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      color: #1e2945;
      line-height: 1.3;
    }

    .frame-sub {
      font-size: 13px;
      font-weight: 500;
      color: #475569;
    }

    .arrow-down {
      font-size: 20px;
      color: #64748b;
      line-height: 1;
    }

    .result-box {
      background: #f0f9ff;
      border: 2px solid #22b7ff;
      border-radius: 12px;
      padding: 10px 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-size: 16px;
      font-weight: 700;
      color: #1e2945;
      box-shadow: 0 2px 6px rgba(34, 183, 255, 0.15);
    }

    .fraction {
      display: inline-flex;
      flex-direction: column;
      vertical-align: middle;
      text-align: center;
      font-size: 14px;
      line-height: 1;
      margin: 0 2px;
    }

    .fraction .num {
      border-bottom: 1.5px solid #1e2945;
      padding-bottom: 1px;
    }

    .fraction .den {
      padding-top: 1px;
    }

    .highlight {
      color: #0284c7;
      font-size: 18px;
    }
  </style>
</head>
<body>

  <div class="diagram">
    <div class="equation-row">
      
      <div class="frame-card">
        <div class="ten-frame" aria-label="10 tenths shaded">
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
        </div>
        <div class="frame-label">
          10 tenths = 1 whole<br>
          <span class="frame-sub">(1.0)</span>
        </div>
      </div>

      <div class="operator">+</div>

      
      <div class="frame-card">
        <div class="ten-frame" aria-label="4 tenths shaded">
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell shaded"></div>
          <div class="cell"></div>
          <div class="cell"></div>
          <div class="cell"></div>
          <div class="cell"></div>
          <div class="cell"></div>
          <div class="cell"></div>
        </div>
        <div class="frame-label">
          4 tenths<br>
          <span class="frame-sub">(0.4)</span>
        </div>
      </div>
    </div>

    <div class="arrow-down">↓</div>

    
    <div class="result-box">
      <span>Total: 1</span>
      <span class="fraction">
        <span class="num">4</span>
        <span class="den">10</span>
      </span>
      <span>=</span>
      <span class="highlight">1.4</span>
    </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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      padding: 16px;
      user-select: none;
    }

    .main-container {
      width: 100%;
      max-width: 640px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: center;
    }

    .panels {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 16px;
      justify-content: center;
      align-items: stretch;
    }

    .panel {
      flex: 1 1 260px;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 16px;
      box-shadow: 0 2px 8px rgba(30, 41, 69, 0.04);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }

    .panel-title {
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: #64748b;
    }

    /* 10-Frame Grid */
    .grid-10 {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: repeat(2, 1fr);
      gap: 6px;
      width: 100%;
      max-width: 240px;
      aspect-ratio: 5 / 2;
      background: #f1f5f9;
      padding: 6px;
      border-radius: 8px;
    }

    .cell {
      background: #ffffff;
      border: 2px solid #cbd5e1;
      border-radius: 6px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 700;
      color: #94a3b8;
      transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
    }

    .cell:hover {
      border-color: #22b7ff;
    }

    .cell.active {
      background: #22b7ff;
      border-color: #0284c7;
      color: #ffffff;
      box-shadow: 0 2px 6px rgba(34, 183, 255, 0.35);
    }

    /* Place Value Chart */
    .pv-chart {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 8px;
      width: 100%;
      max-width: 260px;
      align-items: center;
    }

    .pv-col {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
    }

    .pv-header {
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
    }

    .pv-box {
      width: 100%;
      height: 60px;
      background: #f8fafc;
      border: 2px solid #e2e8f0;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      font-weight: 800;
      color: #1e2945;
      transition: all 0.2s;
    }

    .pv-box.highlight {
      border-color: #22b7ff;
      background: #f0f9ff;
      color: #0284c7;
    }

    .decimal-col {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      height: 100%;
      padding-bottom: 12px;
      gap: 6px;
    }

    .decimal-dot {
      width: 14px;
      height: 14px;
      background: #22b7ff;
      border-radius: 50%;
      box-shadow: 0 0 10px #22b7ff;
      animation: pulse 2s infinite ease-in-out;
    }

    @keyframes pulse {
      0%, 100% { transform: scale(1); box-shadow: 0 0 8px rgba(34, 183, 255, 0.6); }
      50% { transform: scale(1.15); box-shadow: 0 0 14px rgba(34, 183, 255, 0.9); }
    }

    /* Equation Banner */
    .equation-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 10px;
      padding: 10px 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-size: 15px;
      font-weight: 700;
      color: #1e2945;
      box-shadow: 0 2px 6px rgba(30, 41, 69, 0.03);
    }

    .tag {
      color: #0284c7;
      background: #e0f2fe;
      padding: 2px 8px;
      border-radius: 6px;
    }
  </style>
</head>
<body>

  <div class="main-container">
    <div class="panels">
      
      <div class="panel">
        <span class="panel-title">1 Whole = 10 Tenths</span>
        <div class="grid-10" id="grid">
          
        </div>
      </div>

      
      <div class="panel">
        <span class="panel-title">Place Value Chart</span>
        <div class="pv-chart">
          <div class="pv-col">
            <span class="pv-header">Ones</span>
            <div class="pv-box" id="onesBox">0</div>
          </div>

          <div class="decimal-col">
            <span class="pv-header">Point</span>
            <div class="decimal-dot"></div>
          </div>

          <div class="pv-col">
            <span class="pv-header">Tenths</span>
            <div class="pv-box highlight" id="tenthsBox">1</div>
          </div>
        </div>
      </div>
    </div>

    
    <div class="equation-card" id="equationLabel">
      <span class="tag" id="countParts">1</span> of 10 equal parts = <span id="fractionText">1/10</span> = <span class="tag" id="decimalText">0.1</span>
    </div>
  </div>

  <script>
    let currentTenths = 1;
    const grid = document.getElementById('grid');
    const onesBox = document.getElementById('onesBox');
    const tenthsBox = document.getElementById('tenthsBox');
    const countParts = document.getElementById('countParts');
    const fractionText = document.getElementById('fractionText');
    const decimalText = document.getElementById('decimalText');

    function playTone(freq, dur = 0.1) {
      try {
        const ctx = new (window.AudioContext || window.webkitAudioContext)();
        const osc = ctx.createOscillator();
        const gain = ctx.createGain();
        osc.frequency.value = freq;
        osc.connect(gain);
        gain.connect(ctx.destination);
        gain.setValueAtTime(0.12, ctx.currentTime);
        gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + dur);
        osc.start();
        osc.stop(ctx.currentTime + dur);
      } catch (e) {}
    }

    function setTenths(val) {
      currentTenths = val;
      render();
      playTone(320 + val * 35);
    }

    function render() {
      // Update Grid Cells
      const cells = grid.querySelectorAll('.cell');
      cells.forEach((cell, idx) => {
        if (idx < currentTenths) {
          cell.classList.add('active');
        } else {
          cell.classList.remove('active');
        }
      });

      // Update Place Value Boxes
      const ones = currentTenths === 10 ? 1 : 0;
      const tenths = currentTenths === 10 ? 0 : currentTenths;

      onesBox.textContent = ones;
      tenthsBox.textContent = tenths;

      if (ones > 0) {
        onesBox.classList.add('highlight');
        tenthsBox.classList.remove('highlight');
      } else {
        onesBox.classList.remove('highlight');
        tenthsBox.classList.add('highlight');
      }

      // Update Label
      countParts.textContent = currentTenths;
      fractionText.textContent = `${currentTenths}/10`;
      decimalText.textContent = currentTenths === 10 ? '1.0' : `0.${currentTenths}`;
    }

    // Build 10 grid squares
    for (let i = 1; i <= 10; i++) {
      const cell = document.createElement('div');
      cell.className = 'cell';
      cell.textContent = i;
      cell.onclick = () => setTenths(i);
      grid.appendChild(cell);
    }

    // Initial render
    render();
  </script>
</body>
</html>

Understanding Hundredths with Hundredths Grids

Decimal Place Value Relationships: Tenths and Hundredths

Understanding Thousandths with Base-Ten Blocks

Reading and Writing Decimals in Standard and Word Form

Writing Decimals in Expanded Form with Fractions and Decimals

Converting Fractions with Denominators 10, 100, and 1,000 to Decimals

Converting Decimals to Fractions in Simplest Form

Expressing Benchmark Fractions 1/2, 1/4, and 3/4 as Decimals

Expressing Fifths and Eighths as Decimal Equivalents

math

Decimal Place Value and Fraction Equivalences

Automatiser les tables d'addition et compléments à 10 et 100

Mobiliser les tables de multiplication de 2 à 9

Calculer la moitié des petits nombres impairs : 1, 3, 5 et 7

Calculer la moitié des nombres impairs de 9 à 15

Connaître les relations entre demi, quart et huitième

Connaître les relations entre cinquièmes et dixièmes

Passer d'une fraction à un nombre décimal

Associer 1/2, 1/4 et 3/4 à leur écriture décimale

Associer les cinquièmes et dixièmes à leur écriture décimale

Résoudre des problèmes mentaux avec fractions usuelles et moitiés

Faits numériques, fractions usuelles et moitiés

Mémoriser les tables d'addition et compléments à 10 et 100

Automatiser les tables de multiplication de 2 à 9

Doubles et moitiés de nombres entiers usuels

Relations entre demi, quart et huitième

Relations entre tiers, sixièmes, dixièmes et centièmes

Écriture décimale des fractions en dixièmes et centièmes

Faits numériques, tables et fractions usuelles

Introducing Tenths with Place Value Blocks

Understanding Hundredths in the Place Value System

Writing Decimals from Words and Models

Finding Decimals on Number Lines to Tenths and Hundredths

Comparing Decimals Using Place Value

Comparing Decimals to Tenths and Hundredths

Comparing Decimals With Different Numbers of Digits

Ordering Decimals from Smallest to Largest

Understanding Decimals: Tenths and Hundredths

Understanding Decimal Place Value: Tenths

Understanding Decimal Place Value: Hundredths

Comparing and Ordering Decimals Using Models

Relating Decimals to Fractions for Tenths and Hundredths

Using Money to Model and Compare Decimals

Decimal Place Value and Relationships

La valeur des chiffres dans un nombre décimal

Qu'est-ce qu'un nombre décimal ?

Distinguer partie entière et partie décimale

Comprendre les dixièmes, centièmes et millièmes

Relations entre dixièmes, centièmes et millièmes

Le rôle du zéro et les zéros inutiles

Écrire les nombres décimaux en lettres

Chiffre des dixièmes contre nombre total de dixièmes

Numération décimale et valeur positionnelle

Décomposition additive d'un nombre décimal

Décomposition avec fractions décimales

Écrire sous forme d'une unique fraction décimale

Les entiers sont des nombres décimaux particuliers

Explorer les dix-millièmes et au-delà

Écritures décimales dans les grandeurs et mesures

Nombres décimaux et monnaie en euros

Reconnaître les fractions qui ne sont pas décimales

Bilan : jongler entre les écritures décimales

Fractions décimales, décompositions et applications

Comparer deux décimaux par leurs parties entières

Comparer deux décimaux ayant la même partie entière

Déjouer le piège de la longueur de la partie décimale

Utiliser les symboles <, > et = avec les décimaux

Comparer et ranger les nombres décimaux

Ranger des décimaux sous écritures mixtes

Identifier maximum et minimum dans une liste décimale

Ordonner des grandeurs et mesures décimales

Utiliser la droite graduée pour valider un ordre

Entraînement guidé au tri et rangement de décimaux

Évaluation formative : repérage et ordre des décimaux

Comparaison et rangement des nombres décimaux

Comprendre la fraction comme partage

Qu'est-ce qu'une fraction décimale ?

Convertir une fraction décimale en écriture à virgule

Convertir un nombre à virgule en fraction décimale

Comprendre et écrire un nombre mixte

Passer du nombre mixte à l'écriture décimale

Fractions décimales et nombres mixtes

Découvrir les fractions décimales : dixièmes et centièmes

Représenter des dixièmes et des centièmes sur un quadrillage

Placer une fraction décimale sur une demi-droite graduée

Repérer un point par une fraction décimale sur une demi-droite graduée

Zoomer sur la droite graduée entre deux entiers

Fractions décimales : découverte et repérage

Définition mathématique d'un pourcentage

Associer pourcentage et écriture décimale

Pourcentages remarquables : 50 %, 25 %, 75 %, 10 %

Calculer un pourcentage d'un nombre

Calcul mental : 10 %, 20 % et 50 % d'une quantité

Convertir des fractions simples en pourcentages

Tableau de correspondance des quatre écritures

Représenter graphiquement fractions et pourcentages

Problèmes avec fractions et décimaux

Problèmes de remises et soldes en pourcentages

Bilan : équivalences entre fractions, décimaux et pourcentages

Pourcentages et équivalences d'écritures

Décomposer une fraction décimale en un entier et une fraction inférieure à 1

Décomposer une fraction décimale en somme d'entiers, dixièmes, centièmes et millièmes

Comparer deux fractions décimales

Encadrer une fraction décimale entre deux entiers consécutifs

Intercaler une fraction décimale entre deux entiers ou deux fractions

Ordonner des fractions décimales dans l'ordre croissant

Ordonner des fractions décimales dans l'ordre décroissant

Décomposition, comparaison et rangement des fractions décimales

Passer d'une somme de fractions décimales à l'écriture à virgule

Décomposer un nombre décimal en somme de fractions décimales

Lire et écrire les nombres décimaux en chiffres et en lettres

Des fractions décimales à l'écriture à virgule

Découvrir les millièmes comme partage de l'unité en 1000

Placer des fractions décimales dans le tableau de numération

Placer des fractions décimales sur une ligne graduée

Fractions décimales : sens, relations et décompositions

Comparer deux fractions décimales de même dénominateur

Comparer des fractions décimales de dénominateurs différents

Encadrer une fraction décimale au dixième près

Résoudre des problèmes de comparaison et de rangement de fractions décimales

Comparer, encadrer et ordonner les fractions décimales

Comprendre le rôle des zéros utiles et inutiles dans un nombre décimal

Distinguer chiffre des dixièmes et nombre total de dixièmes

Fracciones decimales: décimos, centésimos y milésimos

Notación decimal: la coma o punto decimal y sus posiciones

Descomposición expandida de números decimales

Representación de decimales en la recta numérica

Decimales equivalentes: el rol del cero a la derecha

Comparación y orden de números decimales

Redondeo de decimales al entero, décima y centésima más cercana

Números decimales: notación, valor posicional y operaciones básicas

Encadrer un décimal par deux entiers consécutifs

Encadrer un décimal au dixième et au centième près

Intercaler un nombre décimal entre deux entiers

Intercaler un nombre décimal entre deux décimaux

Comprendre qu'il y a une infinité de décimaux entre deux nombres

Ordonner des nombres décimaux dans l'ordre croissant ou décroissant

Résoudre des problèmes de comparaison, classement et arrondi de décimaux

Comparer, encadrer et ordonner les nombres décimaux

Conversión de fracciones a decimales por amplificación y división

Conversión de decimales finitos a fracciones simplificadas

Concepto de porcentaje como fracción con denominador 100

Tríada de equivalencias: fracción, decimal y porcentaje

Porcentajes comunes (10%, 25%, 50% y 75%) en la vida diaria

Cálculo mental de porcentajes sencillos de una cantidad

Interpretación de descuentos e intereses en anuncios comerciales

Resolución de problemas integrando fracciones, decimales y porcentajes

Equivalencias entre fracciones, decimales y porcentajes

Suma de números decimales alineando la coma

Resta de números decimales con igual y distinta cantidad de cifras

Estimación de sumas y restas decimales para el consumo diario

Multiplicación de un decimal por un número natural

Multiplicación entre dos números decimales

Multiplicación de decimales por 10, 100 y 1.000

Suma, resta y multiplicación de decimales

Understanding Tenths as Fractions and Decimals

Introducing Hundredths on a Hundred Square

Understanding Hundredths as Dividing Tenths by Ten

Counting Up and Down in Hundredths

Writing Hundredths as Fractions and Decimals

Combining Tenths and Hundredths in Decimal Numbers

Representing Decimals on Place Value Grids and Part-Whole Models

Locating Tenths and Hundredths on Number Lines

Understanding and Representing Tenths and Hundredths

Dividing One-Digit Numbers by Ten

Dividing Two-Digit Numbers by Ten

Dividing One- and Two-Digit Numbers by One Hundred

Comparing and Ordering Tenths and Hundredths

Dividing by 10 and 100 and Comparing Decimals

División de un número decimal entre un número natural

División entre enteros con cociente decimal

División de decimales entre 10, 100 y 1.000

División entre dos números decimales: transformación del divisor

División de números decimales

Understanding Tenths as Fractions

Understanding Hundredths as Fractions

Writing Tenths as Decimals

Writing Hundredths as Decimals

Converting Fractions From Denominator 10 to Denominator 100

Adding Fractions With Denominators 10 and 100

Fractions with Denominators 10 and 100

Cálculo de precios unitarios y comparación de ofertas

Elaboración y cuadre de presupuestos personales y escolares

Problemas multietapa con dinero, cambio y facturación

Evaluación de la razonabilidad de resultados con decimales

Operaciones combinadas con números decimales

Aplicaciones con decimales y operaciones combinadas

Decimal Place Value: Tenths and Hundredths

Locating Decimals on a Number Line

Reading and Writing Decimals to Hundredths

Writing Decimals as Fractions

Converting Tenths and Hundredths Fractions to Decimals

Placing Mixed Numbers and Decimals on the Same Number Line

Decimal Notation for Tenths and Hundredths

Comparing Decimals to Hundredths

Arranging Decimals in Order

Justifying Decimal Comparisons With Models

Comparing and Operating with Decimals to Hundredths

OGM.5.DEC.1

Aligned learning resources

Related diagrams