Código SOLUCION 10 - HTML + JS:
Ver original<html>
<head>
<title>Abecedario</title>
<script language="javascript">
abc = 'a,b,c,d,e,f,g,h,i,j,k,l,m,n,ñ,o,p,q,r,s,t,u,v,w,x,y,z'
aABC = abc.split(',')
function pintaABC(){
fin = parseInt(document.getElementById('txtFin').value)
tbl = '<table width="500px" border="1">'
+ '<tr><td align="center" td colspan="5">ABECEDARIO</td></tr>'
+ '<tr>'
for (i = 0; i <= fin - 1; i++){
if (i % 5 == 0)
tbl += '</tr><tr>'
color = (i % 2 == 0) ? '#CCCCCC' : '#999999'
tbl += '<td align="center" bgcolor="'+ color +'">' + aABC[i] + '</td>'
}
tbl += '</tr><table>'
document.getElementById('divABC').innerHTML = tbl
}
</script>
</head>
<body>
Si cada letra del abecedario se le asigna un numero consecutivo.<br />
¿Cuantas letras del abecedario quieres ver?
<input type="text" id="txtFin" name="txtFin" value="" />
<button type="button" onclick="pintaABC()">Mostrar</button><p />
<div id="divABC"></div>
</body>
</html>