<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <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: #1e293b;
      padding: 14px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
    }

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

    /* Sentence Display Card */
    .sentence-card {
      background: #f8fafc;
      border: 1.5px solid #e2e8f0;
      border-radius: 10px;
      padding: 16px 18px;
      font-size: 17px;
      line-height: 1.7;
      text-align: left;
      transition: border-color 0.25s ease;
    }

    .part {
      padding: 2px 4px;
      border-radius: 4px;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      transition: background-color 0.25s ease, color 0.25s ease;
    }

    /* Target colors */
    .part-signal {
      color: #16a34a;
      font-weight: 700;
    }
    .part-signal.active {
      background: #dcfce7;
      color: #15803d;
    }

    .part-quote {
      color: #2563eb;
      font-weight: 800;
      font-size: 20px;
      padding: 1px 2px;
    }
    .part-quote.active {
      background: #dbeafe;
    }

    .part-text {
      color: #1e293b;
      font-weight: 500;
    }
    .part-text.active {
      background: #e2e8f0;
      color: #0f172a;
    }

    /* Checklist Steps */
    .checklist {
      display: flex;
      flex-direction: column;
      gap: 8px;
      width: 100%;
    }

    .step-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      user-select: none;
      transition: all 0.25s ease;
    }

    .step-item:hover {
      border-color: #cbd5e1;
    }

    .step-text {
      flex: 1;
    }

    .step-check {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #ffffff;
      flex-shrink: 0;
      background: #cbd5e1;
      transition: background-color 0.25s ease;
    }

    .step-item.s1 .step-check.active { background: #16a34a; }
    .step-item.s2 .step-check.active { background: #334155; }
    .step-item.s3 .step-check.active { background: #2563eb; }

    .step-item.s1.active {
      border-color: #16a34a;
      background: #f0fdf4;
      color: #166534;
    }
    .step-item.s2.active {
      border-color: #475569;
      background: #f8fafc;
      color: #0f172a;
    }
    .step-item.s3.active {
      border-color: #2563eb;
      background: #eff6ff;
      color: #1d4ed8;
    }

    .badge {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      padding: 3px 8px;
      border-radius: 6px;
      font-weight: 700;
      white-space: nowrap;
    }
    .s1 .badge { background: #dcfce7; color: #166534; }
    .s2 .badge { background: #e2e8f0; color: #1e293b; }
    .s3 .badge { background: #dbeafe; color: #1e40af; }

    /* Controls */
    .controls {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding-top: 2px;
    }

    .nav-btn {
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      color: #334155;
      padding: 6px 12px;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: background-color 0.2s ease, border-color 0.2s ease;
    }

    .nav-btn:hover {
      background: #e2e8f0;
      border-color: #94a3b8;
    }

    .dots-group {
      display: flex;
      gap: 8px;
      align-items: center;
    }

    .dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #cbd5e1;
      cursor: pointer;
      transition: background-color 0.25s ease;
    }
    .dot.active {
      background: #2563eb;
    }
  </style>
</head>
<body>
  <div class="main-layout">
    
    <div class="sentence-card">
      <span id="p-signal" class="part part-signal">According to the article,</span>
      <span id="p-q1" class="part part-quote">“</span><span id="p-text" class="part part-text">hydrothermal vents spew mineral-rich water heated to over 700°F.</span><span id="p-q2" class="part part-quote">”</span>
    </div>

    
    <div class="checklist">
      <div id="step-0" class="step-item s1" role="button" tabindex="0">
        <span class="step-check" id="check-0">✓</span>
        <span class="step-text">1. Introduce it</span>
        <span class="badge">Signal Phrase</span>
      </div>

      <div id="step-1" class="step-item s2" role="button" tabindex="0">
        <span class="step-check" id="check-1">✓</span>
        <span class="step-text">2. Copy word-for-word</span>
        <span class="badge">Exact Fact</span>
      </div>

      <div id="step-2" class="step-item s3" role="button" tabindex="0">
        <span class="step-check" id="check-2">✓</span>
        <span class="step-text">3. Wrap in quotes</span>
        <span class="badge">Quotation Marks</span>
      </div>
    </div>

    
    <div class="controls">
      <button id="playBtn" class="nav-btn" type="button">⏸ Pause</button>
      <div class="dots-group">
        <div class="dot" id="dot-0" role="button" aria-label="Step 1"></div>
        <div class="dot" id="dot-1" role="button" aria-label="Step 2"></div>
        <div class="dot" id="dot-2" role="button" aria-label="Step 3"></div>
      </div>
    </div>
  </div>

  <script>
    const signal = document.getElementById('p-signal');
    const text = document.getElementById('p-text');
    const q1 = document.getElementById('p-q1');
    const q2 = document.getElementById('p-q2');

    const steps = [
      document.getElementById('step-0'),
      document.getElementById('step-1'),
      document.getElementById('step-2')
    ];

    const checks = [
      document.getElementById('check-0'),
      document.getElementById('check-1'),
      document.getElementById('check-2')
    ];

    const dots = [
      document.getElementById('dot-0'),
      document.getElementById('dot-1'),
      document.getElementById('dot-2')
    ];

    const playBtn = document.getElementById('playBtn');

    let currentStep = 0;
    let isPlaying = true;
    let timer = null;

    function render(idx) {
      currentStep = idx;

      // Sentence highlights
      signal.classList.toggle('active', idx === 0);
      text.classList.toggle('active', idx === 1);
      q1.classList.toggle('active', idx === 2);
      q2.classList.toggle('active', idx === 2);

      // Checklist states
      steps.forEach((step, i) => {
        step.classList.toggle('active', i === idx);
      });

      checks.forEach((chk, i) => {
        chk.classList.toggle('active', i === idx);
      });

      dots.forEach((dot, i) => {
        dot.classList.toggle('active', i === idx);
      });
    }

    function nextStep() {
      render((currentStep + 1) % 3);
    }

    function startAutoPlay() {
      stopAutoPlay();
      isPlaying = true;
      playBtn.textContent = '⏸ Pause';
      timer = setInterval(nextStep, 3500);
    }

    function stopAutoPlay() {
      isPlaying = false;
      playBtn.textContent = '▶ Play';
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
    }

    playBtn.addEventListener('click', () => {
      if (isPlaying) {
        stopAutoPlay();
      } else {
        startAutoPlay();
      }
    });

    steps.forEach((step, i) => {
      step.addEventListener('click', () => {
        stopAutoPlay();
        render(i);
      });
      step.addEventListener('keydown', (e) => {
        if (e.key === 'Enter' || e.key === ' ') {
          e.preventDefault();
          stopAutoPlay();
          render(i);
        }
      });
    });

    dots.forEach((dot, i) => {
      dot.addEventListener('click', () => {
        stopAutoPlay();
        render(i);
      });
    });

    // Initialize
    render(0);
    startAutoPlay();
  </script>
</body>
</html>

Quoting Accurately to Explain Explicit Facts in Informational Text

<!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;
      color: #1e2945;
      background: transparent;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    /* Passage Section */
    .passage-section {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 10px;
      padding: 14px 16px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .passage-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }

    .passage-title {
      font-size: 14px;
      font-weight: 700;
      color: #0f172a;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .tag {
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      background: #e0f2fe;
      color: #0369a1;
      padding: 2px 8px;
      border-radius: 4px;
    }

    .passage-body {
      font-size: 14.5px;
      line-height: 1.55;
      color: #334155;
    }

    /* Glowing Highlight */
    .highlight-quote {
      position: relative;
      background-color: #fef08a;
      color: #854d0e;
      font-weight: 600;
      padding: 1px 4px;
      border-radius: 4px;
      box-shadow: 0 0 0 2px #facc15;
      animation: pulseGlow 2.5s infinite ease-in-out;
      transition: all 0.3s ease;
    }

    .highlight-quote.dimmed {
      background-color: transparent;
      color: inherit;
      font-weight: normal;
      box-shadow: none;
      animation: none;
    }

    @keyframes pulseGlow {
      0%, 100% {
        box-shadow: 0 0 0 2px #facc15, 0 0 8px rgba(250, 204, 21, 0.4);
        background-color: #fef08a;
      }
      50% {
        box-shadow: 0 0 0 3px #eab308, 0 0 16px rgba(234, 179, 8, 0.6);
        background-color: #fde047;
      }
    }

    /* Connector */
    .connector-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-size: 12px;
      font-weight: 600;
      color: #b45309;
    }

    .connector-arrow {
      font-size: 14px;
    }

    /* Question & Evidence Box */
    .question-section {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      border-radius: 10px;
      padding: 12px 16px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .question-text {
      font-size: 14px;
      font-weight: 600;
      color: #0f172a;
    }

    .question-text span {
      color: #2563eb;
    }

    .evidence-matched {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      background: #fefce8;
      border: 1px solid #fef08a;
      border-radius: 6px;
      padding: 8px 12px;
      font-size: 13px;
      color: #713f12;
      line-height: 1.4;
    }

    .evidence-icon {
      flex-shrink: 0;
      font-size: 14px;
    }

    /* Interactive Action Controls */
    .controls {
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: 2px;
    }

    .btn {
      appearance: none;
      border: 1px solid #cbd5e1;
      background: #ffffff;
      color: #334155;
      font-size: 12px;
      font-weight: 600;
      padding: 6px 14px;
      border-radius: 6px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: background 0.2s, border-color 0.2s;
    }

    .btn:hover {
      background: #f1f5f9;
      border-color: #94a3b8;
    }

    .btn.active {
      background: #2563eb;
      border-color: #2563eb;
      color: #ffffff;
    }
  </style>
</head>
<body>

  
  <div class="passage-section">
    <div class="passage-header">
      <div class="passage-title">📖 Passage: Ocean Floor Wonders</div>
      <span class="tag">Text</span>
    </div>
    <div class="passage-body">
      Deep under the ocean where sunlight cannot reach, hydrothermal vents act like underwater geysers. Giant tubeworms live around these vents. Because these worms have no mouth or stomach, <mark id="targetQuote" class="highlight-quote">they rely entirely on internal bacteria to turn toxic vent chemicals into food.</mark>
    </div>
  </div>

  
  <div class="connector-row">
    <span class="connector-arrow">⬇</span>
    <span>Explicit Text Evidence</span>
    <span class="connector-arrow">⬇</span>
  </div>

  
  <div class="question-section">
    <div class="question-text">
      <span>Question:</span> How do giant tubeworms get their food without a mouth?
    </div>
    <div id="evidenceCallout" class="evidence-matched">
      <span class="evidence-icon">🎯</span>
      <div>
        <strong>Exact Scientific Quote:</strong><br>
        "...they rely entirely on internal bacteria to turn toxic vent chemicals into food."
      </div>
    </div>
  </div>

  
  <div class="controls">
    <button id="toggleBtn" class="btn active" onclick="toggleHighlight()">
      <span>✦</span> Highlight Exact Quote
    </button>
  </div>

  <script>
    let isHighlighted = true;
    function toggleHighlight() {
      isHighlighted = !isHighlighted;
      const quoteEl = document.getElementById('targetQuote');
      const evidenceEl = document.getElementById('evidenceCallout');
      const btn = document.getElementById('toggleBtn');

      if (isHighlighted) {
        quoteEl.classList.remove('dimmed');
        evidenceEl.style.opacity = '1';
        btn.classList.add('active');
        btn.innerHTML = '<span>✦</span> Highlight Exact Quote';
      } else {
        quoteEl.classList.add('dimmed');
        evidenceEl.style.opacity = '0.4';
        btn.classList.remove('active');
        btn.innerHTML = '<span>✦</span> Show Quote Match';
      }
    }
  </script>
</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">
  <title>Accurate Quoting</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1e2945;
      background: transparent;
      padding: 10px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .source-box {
      background: #f1f5f9;
      border: 1px dashed #94a3b8;
      border-radius: 8px;
      padding: 10px 14px;
    }
    .source-label {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #64748b;
      margin-bottom: 4px;
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .source-text {
      font-size: 14px;
      line-height: 1.4;
      color: #0f172a;
      font-style: italic;
    }

    .cards-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

    @media (max-width: 480px) {
      .cards-grid {
        grid-template-columns: 1fr;
      }
    }

    .compare-card {
      border-radius: 8px;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      background: #ffffff;
    }

    .card-error {
      border: 2px solid #ef4444;
      background: #fef2f2;
    }

    .card-correct {
      border: 2px solid #10b981;
      background: #f0fdf4;
    }

    .card-header {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 13px;
      font-weight: 700;
    }
    .card-error .card-header {
      color: #b91c1c;
    }
    .card-correct .card-header {
      color: #047857;
    }

    .quote-content {
      font-size: 13.5px;
      line-height: 1.45;
      color: #1e2945;
      background: #ffffff;
      padding: 10px;
      border-radius: 6px;
      border: 1px solid rgba(0, 0, 0, 0.08);
      flex: 1;
    }

    .highlight-bad {
      background: #fee2e2;
      color: #dc2626;
      font-weight: 700;
      text-decoration: line-through;
      padding: 1px 4px;
      border-radius: 4px;
    }

    .highlight-good {
      background: #dcfce7;
      color: #15803d;
      font-weight: 700;
      padding: 1px 4px;
      border-radius: 4px;
    }

    .tag-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 11px;
      font-weight: 600;
      padding: 3px 8px;
      border-radius: 12px;
      width: fit-content;
    }
    .badge-error {
      background: #fee2e2;
      color: #991b1b;
    }
    .badge-correct {
      background: #dcfce7;
      color: #166534;
    }
  </style>
</head>
<body>

  
  <div class="source-box">
    <div class="source-label">📖 Original Author's Text</div>
    <div class="source-text">"...they rely entirely on internal bacteria to turn toxic vent chemicals into food."</div>
  </div>

  
  <div class="cards-grid">

    
    <div class="compare-card card-error">
      <div class="card-header">
        <span>✕</span>
        <span>Quote Error</span>
      </div>
      <div class="quote-content">
        The text says <span class="highlight-bad">"worms use gut bugs to eat chemicals."</span>
      </div>
      <div class="tag-badge badge-error">
        Changed Author's Words
      </div>
    </div>

    
    <div class="compare-card card-correct">
      <div class="card-header">
        <span>✓</span>
        <span>Accurate Quote</span>
      </div>
      <div class="quote-content">
        The text says <span class="highlight-good">"they rely entirely on internal bacteria to turn toxic vent chemicals into food."</span>
      </div>
      <div class="tag-badge badge-correct">
        Exact Word-for-Word Match
      </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 {
      background: #f8f9fa;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1e2945;
      padding: 16px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
    }
    .grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      width: 100%;
      max-width: 620px;
    }
    @media (max-width: 480px) {
      .grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }
    }
    .card-item {
      background: #ffffff;
      border-radius: 12px;
      padding: 18px 16px;
      display: flex;
      flex-direction: column;
      position: relative;
      cursor: pointer;
      transition: box-shadow 0.2s ease, border-color 0.2s ease;
      user-select: none;
    }
    .card-explicit {
      border: 2px solid #2563eb;
      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.12);
    }
    .card-inference {
      border: 2px solid #cbd5e1;
    }
    .card-item.active {
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    }
    .badge {
      align-self: flex-start;
      background: #eff6ff;
      color: #2563eb;
      font-size: 11px;
      font-weight: 700;
      padding: 3px 8px;
      border-radius: 6px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 12px;
    }
    .badge-gray {
      background: #f1f5f9;
      color: #64748b;
    }
    .header-row {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 6px;
    }
    .icon {
      font-size: 24px;
      line-height: 1;
    }
    .title {
      font-size: 18px;
      font-weight: 700;
      color: #0f172a;
    }
    .subtitle {
      font-size: 13px;
      color: #64748b;
      margin-bottom: 14px;
      font-weight: 500;
    }
    .quote-box {
      background: #f8fafc;
      border-radius: 8px;
      padding: 12px;
      font-size: 13px;
      line-height: 1.4;
      flex-grow: 1;
      border-left: 3px solid #cbd5e1;
    }
    .card-explicit .quote-box {
      border-left-color: #2563eb;
      background: #f0f7ff;
    }
    .label {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 4px;
    }
    .card-explicit .label {
      color: #2563eb;
    }
    .card-inference .label {
      color: #64748b;
    }
    .text-content {
      color: #334155;
    }
    .highlight {
      font-weight: 600;
      color: #0f172a;
    }
    .interactive-hint {
      margin-top: 14px;
      font-size: 12px;
      color: #64748b;
      text-align: center;
    }
  </style>
</head>
<body>
  <div class="grid">
    
    <div class="card-item card-explicit" id="explicitCard" onclick="selectCard('explicit')">
      <span class="badge">100% On the Page</span>
      <div class="header-row">
        <span class="icon">📖🔍</span>
        <div class="title">Explicit Fact</div>
      </div>
      <div class="subtitle">Directly Stated on the Page</div>
      <div class="quote-box">
        <div class="label">Exact Text:</div>
        <div class="text-content">"Water bears can survive in outer space."</div>
      </div>
    </div>

    
    <div class="card-item card-inference" id="inferenceCard" onclick="selectCard('inference')">
      <span class="badge badge-gray">Clues + Brain</span>
      <div class="header-row">
        <span class="icon">🧠🧩</span>
        <div class="title">Inference</div>
      </div>
      <div class="subtitle">A Logical Guess from Clues</div>
      <div class="quote-box">
        <div class="label">You Deduce:</div>
        <div class="text-content">Water bears are extremely tough creatures.</div>
      </div>
    </div>
  </div>

  <div class="interactive-hint" id="statusHint">
    💡 Tap a card to inspect its source
  </div>

  <script>
    function selectCard(type) {
      const explicit = document.getElementById('explicitCard');
      const inference = document.getElementById('inferenceCard');
      const hint = document.getElementById('statusHint');

      if (type === 'explicit') {
        explicit.style.boxShadow = '0 0 0 3px rgba(37, 99, 235, 0.3), 0 4px 12px rgba(37, 99, 235, 0.15)';
        inference.style.boxShadow = 'none';
        hint.innerHTML = '🔍 <strong>Explicit:</strong> Quote the exact words to prove the fact.';
      } else {
        inference.style.boxShadow = '0 0 0 3px rgba(100, 116, 139, 0.25), 0 4px 12px rgba(0, 0, 0, 0.08)';
        explicit.style.boxShadow = 'none';
        hint.innerHTML = '🧩 <strong>Inference:</strong> Combines text facts with your own logic.';
      }
    }
  </script>
</body>
</html>

Drawing Grounded Inferences From Historical Texts

Drawing Grounded Inferences From Scientific Texts

Drawing Grounded Inferences From Technical Texts

Combining Explicit Quotes and Inferences to Support an Analysis

Distinguishing Between Plausible Inferences and Unsupported Assumptions

Text Evidence, Explicit Statements, and Grounded Inferences

Características del texto descriptivo

La descripción técnica frente a la descripción literaria

Características del texto informativo y noticioso

Características del texto explicativo y de divulgación

Patrón de causa y efecto en textos expositivos

Patrón de problema y solución en textos informativos

Patrón de comparación y contraste en artículos

El texto instructivo: pasos, materiales y reglas

Tipologías textuales informativas y descriptivas

Argumentos de tipo descriptivo y caracterización de situaciones

La opinión frente al hecho comprobable

La intención comunicativa: informar, narrar, convencer o guiar

Elementos visuales del texto: títulos, subtítulos y recuadros

La fotografía y el pie de foto como fuentes de información

Comparación de dos textos con distinta intención sobre un mismo tema

Evaluación global de la estructura del texto

Argumentación, intención comunicativa y elementos visuales del texto

Drawing Evidence From Informational Texts to Explain

Quoting Accurately From Informational Text

Making Inferences From Informational Text Details

Supporting Informational Text Inferences With Direct Quotes

Combining Explicit and Inferred Information

Explaining What the Text Says vs. What You Infer

Quoting Accurately and Making Inferences From Informational Text

Finding Two Main Ideas in an Informational Text

Identifying Key Details That Support Main Ideas

Explaining How Key Details Support Main Ideas

Distinguishing Main Ideas From Supporting Details

Finding Main Ideas Across Multiple Paragraphs

Summarizing Informational Text in Your Own Words

Writing a Summary With Main Ideas and Key Details

Finding Main Ideas and Summarizing Informational Text

Distinción entre tema general e idea principal en artículos

Ubicación de la idea principal explícita en párrafos

Deducción de la idea principal implícita

Identificación de detalles de apoyo y ejemplos

Relaciones lógicas entre oraciones en un párrafo

Ideas principales y estructura de párrafos

Identifying Relationship Types Across Different Texts

Explaining Relationships Between Individuals in Historical Texts

Explaining Relationships Between Events in Historical Texts

Explaining Relationships Between Ideas in Scientific Texts

Explaining Interactions Between Concepts in Technical Texts

Using Specific Information to Explain Relationships

Explaining Relationships in Informational Text

Inferencias locales sobre causas y consecuencias no dichas

Evidencia textual para justificar afirmaciones

El propósito del autor: persuadir, informar o entretener

El punto de vista y la postura del autor

Detección de sesgos y lenguaje subjetivo en textos

Inferencias y propósito del autor

Distinción entre información relevante e irrelevante

Resumen de párrafos mediante macroproposiciones

Inferencia global del sentido del texto

Evaluación crítica de la claridad y coherencia del autor

Conclusiones fundamentadas tras la lectura crítica

Síntesis y evaluación crítica de textos

Identifying an Author's Points in Informational Text

Finding Reasons That Support an Author's Points

Finding Evidence That Supports an Author's Reasons

Matching Evidence to Specific Points

Explaining How Reasons and Evidence Support Points

Author's Reasons and Evidence in Informational Text

Estrategias de clave de contexto para términos desconocidos

Claves de contexto por definición y reformulación

Claves de contexto por contraste y antonimia

Uso del diccionario: acepciones y categorías gramaticales

Estrategias de comprensión léxica y uso del diccionario

La raíz léxica y la familia de palabras

Prefijos de negación y oposición: des-, in-, im-, i-, anti-

Prefijos de tiempo, lugar y repetición: pre-, pos-, sub-, re-

Sufijos para formar sustantivos y adjetivos: -oso, -eza, -dad, -miento

Sufijos aumentativos, diminutivos y despectivos

Análisis morfológico: raíces, prefijos y sufijos

Sinonimia y gradación del significado

Antonimia y relaciones de opuestos

Palabras polisémicas y sentido contextual

Palabras homófonas y homógrafas

Analogías verbales: relaciones de causa, parte-todo e instrumento

Enriquecimiento léxico para la producción de textos

Relaciones semánticas y precisión léxica

Sentido literal frente a sentido figurado

El símil o comparación explícita con conectores

La metáfora: identificación y transferencia de sentido

Diferencias entre el símil y la metáfora

La personificación o prosopopeya en poemas y fábulas

La hipérbole o exageración expresiva

La onomatopeya y la imitación de sonidos

La aliteración y el juego de sonidos en versos

Fundamentos del lenguaje figurado y figuras clásicas

Clases de sustantivos: comunes, propios, concretos y abstractos

Sustantivos individuales y colectivos

Género y número en el sustantivo: reglas y excepciones

Los artículos definidos e indefinidos y su concordancia

El sustantivo y el artículo: clases, género y número

Introducing an Opinion Topic and Stating Your Opinion

Supporting Your Opinion With Reasons

Supporting Your Opinion With Information From Texts

Grouping Reasons Logically in Opinion Writing

Using Linking Words to Connect Opinions and Reasons

Providing a Concluding Statement for Opinion Writing

Supporting Opinions With Evidence From Multiple Sources

Organizing Your Opinion Piece With Clear Structure

Revising Your Opinion Writing for Stronger Reasons

Writing a Complete Opinion Piece From Start to Finish

Writing Opinion Pieces With Reasons and Evidence

Los adjetivos calificativos y sus grados: positivo, comparativo y superlativo

Adjetivos determinativos: demostrativos y posesivos

Adjetivos numerales: cardinales, ordinales y múltiplos

Concordancia nominal entre artículo, sustantivo y adjetivo

El adjetivo: tipos, grados y concordancia nominal

Los pronombres personales tónicos y átonos

Los pronombres demostrativos y posesivos en reemplazo del nombre

Pronombres interrogativos y exclamativos con tilde diacrítica

Uso de pronombres para evitar repeticiones: anáfora textual

Concordancia entre pronombre y referente

Detección y corrección de errores de concordancia nominal

Aplicación de categorías nominales en la creación de párrafos

Los pronombres: tipos, funciones y concordancia nominal

El verbo como núcleo del predicado: persona y número

La raíz y la desinencia verbal: verbos regulares

Verbos irregulares frecuentes: ser, estar, ir, haber, tener, hacer

Formas no personales del verbo: infinitivo, gerundio y participio

Estructura del verbo y formas no personales

El adverbio y su función modificadora

Clases de adverbios: lugar, tiempo, modo y cantidad

Adverbios de afirmación, negación y duda

Formación de adverbios terminados en -mente y su acentuación

El adverbio: clases, formación y función

Las preposiciones en español: lista y uso adecuado

Relaciones espaciales, temporales y de causa con preposiciones

Conjunciones coordinantes: copulativas, disyuntivas y adversativas

Conjunciones subordinantes: causales, condicionales y consecutivas

Preposiciones y conjunciones: nexos básicos

La oración bimembre: sujeto y predicado

El sujeto expreso y el sujeto tácito o desinencial

El núcleo del sujeto y sus modificadores directos e indirectos

El núcleo del predicado y los complementos directo e indirecto

Los complementos circunstanciales: lugar, tiempo, modo y causa

Oraciones simples y oraciones compuestas

Identificación y corrección de fragmentos y oraciones incompletas

Sintaxis oracional: estructura y análisis

OGE.6.RI.1

OGE.6.RI.1

Aligned learning resources

Related diagrams