Posteado por: joacosoft | 10 agosto 2009

Estructura de HTML

¿Dónde se crea una página Html? Puedes utilizar cualquier procesador de texto sencillo (Block de notas de Windows, Edit del ms-dos, etc.). No intentes utilizar procesadores de texto del tipo de Word o WordPerfect, ya que estos procesadores añaden a los documentos muchos códigos e información propios que un navegador no iba a ser capaz de entender.

Otro punto muy importante es que los documentos que crees nuevos deben tener la extensión .html ó .htm. Esto es muy importante, ya que, si utilizas el bloc de notas de Windows, cuando guardes el documento automáticamente se le asignará la extensión .txt, a menos que tú le indiques lo contrario.

La estructura de un documento Html consta de las siguientes partes:

<html>

<head>

<title> Aquí va el título de la página </title>

</head>

<body>

…Aquí va el cuerpo de la página…

</body>

</html>

Veamos en la práctica un pequeño ejemplo de documento Html.

<html>

<head>

<title> Esta es mi primer documento HTML </title>

</head>

<body>

Esto es solo una prueba de creación de un documento html

</body>

</html>

Créalo en cualquier procesador de textos sencillo (tal como comentamos antes). Luego guárdalo en el disco con el nombre que quieras, pero recuerda que la extensión debe ser .htm ó .html

Para comprobarlo carga el documento en tu navegador simplemente haciendo un doble clic sobre su nombre

Normalmente, los navegadores tienen una opción que te permite modificar el documento HTML. Esta opción suele aparecer en el menú ‘Ver’ (en la parte superior de la ventana del navegador). Dentro de ver busca una opción llamada código fuente’, ‘origen de la página’, ‘HTML’ o algo parecido (depende del navegador que uses). Esto hará que se abra otra ventana en la que puedes modificar el documento directamente.

La mejor forma de asimilar lo que has visto en este capítulo es creando muchas páginas. Así que prueba tu mismo a crear varias páginas, cada una con títulos y contenidos distintos. Utiliza frases cortas, ya que lo importante es que memorices la estructura de la página.

Aviso: Esta informacion la obtuve de un trabajo de la escuela si alguno de ustedes reconoce esta informacion como suya favor de comentarlo y poner el enlace.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Categorías

A %d blogueros les gusta esto: