FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

[man] Creacion de una pagina simple en html

   Frihost Forum Index -> Language Forums -> Spanish
 


shinji_x19
Podemos ya con estos conocimientos, y alguno que otro más, crear nuestra primera página. Para ello, abre tu editor de textos y copia y pega el siguiente texto en un nuevo documento.

Code:
<html>

<head>
<title>Cocina Para Todos</title>
</head>

<body>
<p><b>Bienvenido,</b></p>
<p>Estás en la página <b>Comida para Todos</b>.</p>
<p>Aquí aprenderás recetas fáciles y deliciosas.</p>
</body>

</html>


Ahora guarda ese archivo con extensión .html o .htm en tu disco duro. Para ello accedemos al menú Archivo y seleccionamos la opción Guardar como. En la ventana elegimos el directorio donde deseamos guardarlo y colocaremos su nombre, por ejemplo mi_pagina.html
caio
las etiquetas <p> no son necesarias cerrarlas

Quote:
<html>

<head>
<title>Cocina Para Todos</title>
</head>

<body>
<p><b>Bienvenido,</b>
<p>Estás en la página <b>Comida para Todos</b>.
<p>Aquí aprenderás recetas fáciles y deliciosas.
</body>

</html>


funciona igual.
Saludos.
fredy
Siguiendo con el tema de HTML aqui se agregan un poco mas de codigo muy util:

Plantilla basica de una pagina HTML


Code:

<html>
<head>
<title>... El titulo aqui... </title>
</head>
<body>
   ...  Contenido de la pagina    ...
</body>

</html>


Tomando como base la plantilla

Code:

<html>
<head>
<title> Mini curso de HTML </title>
</head>
<body>
   <H1>La vida es bella</H1>
   <CENTER>La vida es bella</CENTER>
   <CENTER> <H1>La vida es bella</H1> </CENTER>
   <CENTER> <H6>La vida es bella</H6> </CENTER>
   <HR>
   <B>La vida es bella</B>
   <BR>
   <I>La vida es bella</I>
   <BR>
   <U>La vida es bella</U>
   <BR>La<BR>vida<BR>es<BR>bella<BR><BR>
   La vida es bella<P>La vida es bella
</body>
</html>



Significado de las etiquetas

<H1>...</H1>: Cabecera de nivel 1, existe 6 niveles <H2> .. <H6>.

<CENTER>...</CENTER>: Centrar el texto.

<HR>: Insertar linea horizontal.

<B>...</B>: Texto en negrita.

<I>...</I>: Texto en cursiva.

<U>...</U> Texto subrayado.

<BR>: Salto de linea.

<P>: Inicio de parrafo (Inserta una linea blanca antes del texto).

Este es un pequeño resumen de algunas etiquetas HTML, espero les sea util.

-------------------
Fredy Villarroel
tzabaot
PUESTO A QUE A MUCHOS LES INTERESARA PONER LESTRAS QUE SE DESPLAZAN EN SU PAGINA:

PARA VERLAS EN MOVIMIENTO AQUI LES DEJO ESTA ETIQUETA:

Code:
<marquee> ...LETRAS EN MOVIMIENTO... </marquee>


SOLO ESO? NO...

...HAY MAS.

SI DESEAS QUE HAGAN MAS EFECTOS, PRUEBA ESTO:

Para establecer el ancho (en porcentaje 1% - 100%) con width:
Code:
<marquee width=75%>...LETRAS EN MOVIMIENTO... </marquee>

Para ponerle un color de fondo usar bgcolor(en ingles o Hexadecimal):
Code:
<marquee width=75% bgcolor=yellow>

Code:
<marquee width=75% bgcolor=ffff00>

Para cambiar la dirección en la que se mueve el texto usar direction (right, left, up, down):
Code:
<marquee direction=right>

Si se desea que se repita un numero determinado de veces se agrega loop (el valor -1 e infinite indica repetir infinitamente):
Code:
<marquee width=75% bgcolor=yellow direction=up loop=10>


Por último prueben y jueguen con esto:

Code:
<marquee width=75% bgcolor=yellow direction=up scrollamount=50 scrolldealy=5> RAPIDO </marquee>

<marquee width=75% bgcolor=yellow direction=up scrollamount=5 scrolldealy=500> LENTO</marquee>


scrollamount: Controlará el número de movimientos (en pixeles) entre las sucesivas apariciones del texto o la imagen.

scrolldelay: Controla el retraso (en milésimas de segundos).


[/b]
tzabaot
LAS TABLAS TAMBIEN SON UN TEMA MUY IMPORTANTE, SOLO PONDRE LO BASICO:

Code:
<table>

</table>


Ambas etiquetas limitan dentro del código el inicio y el fin de una tabla.

Para poner un renglón dentro de la tabla se usa:

Code:
<tr>

<tr>


Para poner una columna dentro de un renglon se usa:

Code:
<td>

<td>



Finalmente una tabla de un renglón por una columna sería así:

Code:
<table>
 <tr>
  <td>
 ...Contenido dentro de esta celda...
  </td>
 </tr>
</table>


Una tabla de un renglón por dos columnas sería así:

Code:
<table>
 <tr>
  <td>
 ...Contenido dentro la celda1...
  </td>
  <td>
 ...Contenido dentro la celda2...
  </td>
 </tr>
</table>


Por último una tabla de dos por dos sería así:

Code:
<table>
 <tr>
  <td>
 ...Contenido dentro la celda1,1...
  </td>
  <td>
 ...Contenido dentro la celda1,2...
  </td>
 </tr>
<tr>
  <td>
 ...Contenido dentro la celda2,1...
  </td>
  <td>
 ...Contenido dentro la celda2,2...
  </td>
 </tr>

</table>
Reply to topic    Frihost Forum Index -> Language Forums -> Spanish

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.