Autor Tema: [Tutorial html] 1º Parte  (Leído 1020 veces)

Desconectado Ishamato

  • PHPero Avanzado
  • ****
  • Mensajes: 346
  • Karma: 3
  • Sexo: Masculino
  • PHPero adicto
    • Ver Perfil
[Tutorial html] 1º Parte
« 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 ^^

Citar

<html/* todo el código debe ir entre estas etiquetas */
<head/* las etiquetas title van dentro de la cabeza de la web */
<titleAprendiendo 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
<tdEsto es una columna </td>
<
tdEsto 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í:
Citar

<html>
<
head>
<
titleAprendiendo a crear tablas en PHPeros.net</title>
</
head>
<
body>
<
table height="100%" width="100%" border="0">
<
tr
<
tdEsto es una columna </td>
<
tdEsto es otra columna </td>
</
tr>
</
table>
</
body>
</
html>

Si hay algun error o teneis alguna duda sobre las tablas, postear ;)
« Última modificación: 07 de Diciembre de 2006, 14:57:39 pm por Ishamato »

<? echo "Aprendiendo y descubriendo poco a poco"; ?>

Comunidad PHPeros

[Tutorial html] 1º Parte
« en: 06 de Diciembre de 2006, 13:45:36 pm »

Desconectado Raken

  • PHPero Avanzado
  • ****
  • Mensajes: 297
  • Karma: 30
  • Sexo: Masculino
    • Ver Perfil
Re: [Tutorial html] 1º Parte
« Respuesta #1 en: 07 de Diciembre de 2006, 05:02:03 am »
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)

Código: [Seleccionar]
<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>

Código: [Seleccionar]
<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.

Código: [Seleccionar]
<html>
<head>
    <title>Hola Mundo</title>
 </head>

<body>
Hola Mundo!     
</body>
</html>

Saludos, y ojala sirva de aclaración. ;)
Raken - Moderador para PHP y HTML