Double-click the file to open it in your web browser.
<script> const grid = document.getElementById('tablas-grid');
I can't directly generate or email you a PDF file, but I can give you a complete, ready-to-copy HTML document that will create a perfect "tablas de multiplicar del 1 al 12 para imprimir" when you open it in your browser and print it. Step 1: Copy the HTML code below. tablas de multiplicar del 1 al 12 para imprimir pdf
Press Ctrl + P (or Cmd + P on Mac) → choose "Save as PDF" → adjust margins to Minimum → click Save. Here's the code:
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Tablas de Multiplicar del 1 al 12 - Para Imprimir</title> <style> * margin: 0; padding: 0; box-sizing: border-box; body font-family: 'Segoe UI', 'Arial', sans-serif; background: #e9f0f5; padding: 20px; .container max-width: 1200px; margin: 0 auto; background: white; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 20px; border-radius: 12px; h1 text-align: center; color: #1e466e; margin-bottom: 10px; font-size: 28px; .sub text-align: center; color: #4a6f8f; margin-bottom: 30px; font-size: 14px; border-bottom: 2px solid #ffc107; display: inline-block; width: auto; margin-left: auto; margin-right: auto; padding-bottom: 8px; .grid display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; .table-card background: #fefefe; border: 1px solid #dce6ed; border-radius: 16px; padding: 15px 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.02); transition: 0.2s; page-break-inside: avoid; .table-title background: #1e466e; color: white; text-align: center; font-size: 22px; font-weight: bold; padding: 8px 0; border-radius: 40px; margin-bottom: 15px; letter-spacing: 1px; .table-content display: flex; flex-direction: column; gap: 6px; .row display: flex; justify-content: space-between; align-items: baseline; padding: 5px 8px; border-bottom: 1px dotted #e2e8f0; font-size: 15px; .multiplication font-weight: 600; color: #0b2b42; .result font-family: monospace; font-size: 16px; font-weight: bold; color: #c4450c; .footer text-align: center; margin-top: 30px; font-size: 12px; color: #6c8dae; border-top: 1px solid #cbdbe2; padding-top: 15px; @media print body background: white; padding: 0; margin: 0; .container box-shadow: none; padding: 10px; max-width: 100%; .table-card border: 1px solid #ccc; break-inside: avoid; page-break-inside: avoid; .grid gap: 12px; .footer margin-top: 20px; h1 color: black; @media (max-width: 800px) .grid grid-template-columns: repeat(2, 1fr); gap: 15px; @media (max-width: 500px) .grid grid-template-columns: 1fr; </style> </head> <body> <div class="container"> <h1>📚 Tablas de Multiplicar</h1> <div style="text-align: center;"><div class="sub">Del 1 al 12 | Listas para imprimir en PDF</div></div> <div class="grid" id="tablas-grid"></div> <div class="footer"> ✨ Tablas de multiplicar del 1 al 12 — Material educativo gratuito ✨ </div> </div> Double-click the file to open it in your web browser
Save the file as tablas-multiplicar.html .
Paste it into a text editor (Notepad, TextEdit, etc.). Press Ctrl + P (or Cmd + P
for (let tabla = 1; tabla <= 12; tabla++) const card = document.createElement('div'); card.className = 'table-card'; const title = document.createElement('div'); title.className = 'table-title'; title.innerText = `Tabla del $tabla`; const contentDiv = document.createElement('div'); contentDiv.className = 'table-content'; for (let i = 1; i <= 12; i++) const resultado = tabla * i; const row = document.createElement('div'); row.className = 'row'; row.innerHTML = ` <span class="multiplication">$tabla × $i =</span> <span class="result">$resultado</span> `; contentDiv.appendChild(row); card.appendChild(title); card.appendChild(contentDiv); grid.appendChild(card);
Enter your account data and we will send you a link to reset your password.
To use social login you have to agree with the storage and handling of your data by this website.
AcceptHere you'll find all collections you've created before.
