jueves, 17 de julio de 2008

23.- Elemento de centrado html

Elemento de centrado

El elemento <center> sirve para que el contenido que hay entre las etiquetas de inicio y de fin (<center> ... </center>) aparezca centrado horizontalmente en el documento.

Se trata de un elemento no aprobado a favor de las hojas de estilo. Es decir, que una vez tengamos conocimiento de como crear hojas de estilo, tanto el centrado como el formato es recomendable realizarlo a través de este método..

Ahora si intentaremos hacer nuestra primer pagina web, En el siguiente ejemplo veremos un texto centrado y otro sin utilizar los elementos de centrado.

<html>
<head>
<title>Ejemplo de texto centrado</title>
</head>
<body>
<center>Texto Centrado</center>
texto sin centrar
</body>
</html>

Para comenzar copiamos el código anterior en el bloc de notas de windows u otro editor de texto "plano", sin formatos.

Una vez copiado el texto, grabamos el archivo en un directorio vuestro, con por ejemplo el nombre "prueba.html".

Ya grabado el archivo, tenemos varias opciones, o hacemos doble click sobre el archivo grabado y este se ejecutara en vuestro navegador por defecto, o abrimos el navegador, seleccionamos "archivo", "abrir" y veremos en nuestro navegador una hoja con el titulo "Ejemplo de texto centrado", y dos textos, uno centrado y otro a la izquierda.

Ya estará mas animado el tema en los próximos capítulos, Si tenéis cualquier dificultad para grabar, o probar el ejemplo, no dudéis en comentarlo que con mucho gusto realizare las aclaraciones necesarias.

Temas anteriores *
22.- Estructura básica de un documento
21.- Estructura básica de un documento html - Marcas y etiquetas
20.- Estructura básica de un documento html. Metodología
19.- Algunos Navegadores
18.- Evolución del concepto hipertexto
17.- Información lineal e hipertexto
16.- Estructura básica de un documento HTML
15.- Definición de Tipos de Documentos (DTDs)
14.- Edición de páginas escritas en HTML
13.- Historia y evolución del lenguaje HTML y XHTML

2 comentarios:

  1. Hola que tal, mi inquietud es la siguiente , en el capitulo 6 cuando me destino a hacer la pagina web, hago como todos los pasos tal y como estan ay, copio el codigo en el blog de notas, luego lo guardo, y luego lo abro con mozilla, pero me sale estactamente igual como lo pegue, te agreceria si me ayudaras, lo unico raro que veo es que cuando lo voya guardar dice abajo un recuadro, Codificacion y aparace ANSI , y de tipo de texto me aparece txt, tengo windows 7 , gracias , espero pornto respuesta
    sergio quintero

    ResponderEliminar
  2. Guardas el archivo con extensión .html ? o .htm?
    Por ejemplo guardar como : "archivo.html"

    ResponderEliminar

Gracias por tu comentario, en un maximo de 48 horas sera publicado.