Comunidad PHPeros
Lenguajes => (X)HTML => Mensaje iniciado por: Ishamato en 06 de Diciembre de 2006, 13:45:36 pm
-
Pues bien, voy a intentar hacer un tutorial sobre el lenguaje HTML.
No soy un crack en este lenguaje pero intentaré enseñaros todo lo que se ^^
Este tutorial lo dividiré en 3 partes.
- 1º: Explicación de tablas
- 2º: Diversos códigos que os pueden ser útiles (Os enseñaré a hacerlos)
- 3º: Todavía me lo estoy pensando xD
Pues bien, en la primera parte de este simple tutorial empezaremos a crear una tabla.
Como ireis viendo, en mis códigos casi siempre incluyo las etiquetas pertinentes para que sepais ubicarlos y entenderlo mejor ^^
<html> /* todo el código debe ir entre estas etiquetas */
<head> /* las etiquetas title van dentro de la cabeza de la web */
<title> Aprendiendo a crear tablas en PHPeros.net</title> /* Las etiquetas title sirven para poner el título.. recuerda que siempre tendrás que cerrar las etiquetas */
</head>
<body> /* el "cuerpo" de la web irá aquí; toda la xixa xD */
<table height="100%" width="100%" border="0"> /* Las tablas no tendran borde, y ocuparan toda la pantalla ya que hemos puesto 100% */
<tr> //Esto es una fila
<td> Esto es una columna </td>
<td> Esto es otra columna </td>
</tr>
</table>
</body>
</html>
Bien, ahora os explicaré la diferencia entre el tanto por ciento "%" y los píxeles.
- Al usar el tanto %, le indicas que ocupe ese % de la pantalla, por ejemplo: width="50%".
- Al usar en píxeles, se inserta el número exacto de píxeles que ocupará esa tabla ejemplo: height="89".
Asín, nuestra primera tabla quedaría así:
<html>
<head>
<title> Aprendiendo a crear tablas en PHPeros.net</title>
</head>
<body>
<table height="100%" width="100%" border="0">
<tr>
<td> Esto es una columna </td>
<td> Esto es otra columna </td>
</tr>
</table>
</body>
</html>
Si hay algun error o teneis alguna duda sobre las tablas, postear ;)
-
A los que desconozcan el HTML por completo, les aclaro que el código empieza con la etiqueta <html> y acaba con </html>
La estructura del código se divide en dos partes: cabeza y cuerpo (head y body)
<html>
<head>
</head>
<body>
</body>
</html>
HEAD
Dentro de <head> definimos algunos parámetros previos, como el título de la página, los estilos CSS que vamos a utilizar (diseño) y otras configuraciones diversas.
Para escribir el título lo hacemos entre <title> y </title>
<html>
<head>
<title>Hola Mundo</title>
</head>
<body>
</body>
</html>
BODY
Body ya es todoel cuerpo de la página. Todo lo que va a aparecer en ella.
<html>
<head>
<title>Hola Mundo</title>
</head>
<body>
Hola Mundo!
</body>
</html>
Saludos, y ojala sirva de aclaración. ;)