Hola
Shia ,
lancer :
Si hay tantas palabras y una fórmula repetitiva para mostrarlas, lo mejor es usar una base de datos (porque los nombres hay que escribirlos igual uno por uno) y hacer la tabla con (p.e.) PHP.
Si de todas maneras quieres escribir la tabla en el código fuente con HTML, puedes usar cualquier editor de texto que tenga "Copiar" y "Pegar", y mejor "Buscar" y "Reemplazar". Escribes
luego el primer título; después
escribes el primer dato y
Como ves, solamente hay que separar cada palabra con los contenidos en azul y verde para cerrar con un
lo que se hace mucho más fácil copiando y pegando que escribiendo.
Si tienes un Block de Notas (Notepad) puedes escribir la tabla vacía con marcadores para las palabras.
Código:
<table><tbody>
<th>@@</th><td>$$</td>
</tbody></table>
copiando (selección y [CTRL] + C) y pegando ([CTRL] + V) el código rojo tantas veces como filas haya. Después abres la herramienta "Buscar" y escribes
@@, buscas la primera coincidencia - que queda seleccionada- y cierras la herramienta de búsqueda. Tipeas o pegas el primer título y con [F3] seleccionas la siguiente. Tipeas o pegas el segundo título y repites.
Cuando terminas con todos, haces lo mismo con
$$ para los datos.
Hay un montón de editores WYSIWYG que al menos para simplificar estos trabajos sirven.
O, de última ...
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
var primeraCol =["cero","uno","dos","tres","cuatro","cinco","seis","siete","ocho","nueve"]
var segundaCol =["zero","one","two","three","four","five","six","seven","eight","nine"]
function creaTabla(){
var cantidadPalabras = primeraCol.length;
var contenido0 = '';
var contenido1 = '<tr><th>';
var contenido2 = '</th><td>';
var contenido3 = '</td></tr>\r\n';
for(p=0; p<cantidadPalabras; p++){
contenido0 += contenido1 + primeraCol[p] + contenido2 + segundaCol[p] + contenido3;
}
document.getElementById("contenedor").innerHTML = '<table class="miClase"><tbody>' + contenido0 + '</tbody></table>'
}
function verCodigo(){
var codigo = document.getElementById("contenedor").innerHTML;
document.write("<plaintext>" + codigo);
}
</script>
<style type="text/css">
.miClase,.miClase td,.miClase th {border: 2px solid silver;}
</style>
</head>
<body onload="creaTabla()">
<div id="contenedor"></div>
<input type=button value="VER CÓDIGO" onclick="verCodigo()">
</body>
</html>