Principal

Inicio
Historial de noticias
Codigos en php
Codigos Javascript
Linux
 · Guia de comandos
Manuales HTML
 · Nivel principiante
Trucos Windows
 · Windows XP
 · Windows 95/98
 · Windows 2000/NT

Enviar articulos

Mas webs
Juegos y chistes

 
Nivel principiante
Estructura de un fichero HTML

  Tutorial de HTML

Estructura de un fichero HTML

El lenguaje HTML está basado en el uso de etiquetas (tags), que tienen una estructura de la forma:

<etiqueta>Hola Don Pepito.</etiqueta>

Como podemos observar, las etiquetas deben abrirse <etiqueta> y cerrarse </etiqueta>.

La estructura de un documento (o página) HTML, básicamente, es la siguiente:

<html>

<head>
<title>Mi página web</title>
</head>

<body>
Esta es mi primera página web...
</body>

</html>

Las etiquetas <html> y </html> definen todo el código HTML, y entre ellas está todo el contenido de la página web.

Básicamente, el contenido de un fichero HTML podemos subdividirlo en 2 partes fundamentales: la cabecera (head) y el cuerpo (body).

La cabecera viene definida por las etiquetas <head> y </head>, y tiene como función principal el definir ciertos parámetros que serán utilizados en toda la página.

Los parámetros más importantes que se definen en la cabecera de una página web son el título y las metaetiquetas (metatags).

El título de la página web se escribe en la cabecera del documento HTML, y viene definido por las etiquetas <title> y </title>. En el ejemplo que hemos puesto anteriormente, el título sería Mi página web, y sería visible en la barra superior de la aplicación (navegador).

Las metaetiquetas son utilizadas fundamentalmente para el registro en los buscadores y directorios de Internet. Puedes ver un manual del uso e implantación de las metaetiquetas aquí.

En HTML se pueden insertar comentarios en el código. Esa función la lleva a cabo la etiqueta <!-- comentario -->. Todo lo que se inserte entre las etiquetas <!-- y --> será ignorado por el navegador, y sólo tendrá utilidad para el webmaster o cualquier otra persona que quiera revisar el código de la página.

Dentro del cuerpo (body) del fichero HTML se define el contenido que se va a presentar. En nuestro ejemplo anterior mostrariamos el siguiente texto: "Esta es mi primera página web...".
 


Volver.

Añadir comentario
¿No encuentras lo que buscas?
No te compliques, usa el buscador que nos ofrece google y encuentra todo lo que quieras.
Tutoriales, hosting, dominios, ayuda para el webmaster, etc.

Comentarios:

Enviado por: tutorado html

Fecha: 07/12/2011 - 11:41:23  
este tutorial lo veo bastante escaso, no tiene apenas informacion y por mucho que fuera tu primera pagina siempre ahi una barra que te proporciona el inicio rapido sin necesidad de ponerlo manualmente, y despues, faltan muchas etiquetas muy utiles,
como la marquesina el img algun background, incluso una CSS, para añadirle cambios a nuestro gusto.
 

Enviado por: Aprendiz

Fecha: 26/09/2011 - 21:58:45  
les falta  

Enviado por: Aprendiz

Fecha: 07/12/2008 - 20:30:27  
excelente ta da una idea estupenda par aprender  

Enviado por: Aprendiz

Fecha: 29/08/2008 - 17:02:34  
Muy bueno pero a la vez muy basico, porfavor podrìan ayudarme con informacion un poco mas detallada y con ejemplos.... (Y)  

Enviado por: carlitos

Fecha: 14/05/2008 - 17:02:10  
voy a empezar en esto y espero y me puedan guiar hacen cosas poca madre  

Enviado por: Aprendiz

Fecha: 29/11/2007 - 17:23:23  
Hola!
Estoy aprendiendo ahora como utilizar html mientras aprendo el programa Dreamweaver. Tengo una pregunta: ¿se puede crear una base de datos en un web con html? Si me pueden ayudar con esto se los voy a agradecer!

V.Rubio
 

Enviado por: dantesco

Fecha: 25/08/2007 - 01:46:56  
nesecito comandos y funciones. como haria para que mis imagenes sena dinamicas. mas que todo necesito una serie de pasos.  

Enviado por: venussj

Fecha: 26/07/2007 - 22:22:06  
Excelente página, muy educativa, acabo de descubrirte y te enlace delicius, no se si el codigo que habla sobre evitar que te copien lo puedo utilizar en mi blog. te dejo mi dirección de correo para que puedas escribir, y decirme, exitos leida de san juan de puerto rico vila_12@hotmail.com  

Enviado por: leylany

Fecha: 30/12/2006 - 01:17:54  
esta bien el fichero pero cero que hay mas informacion buena que se pueda aportar.
seria bueno que revisen www.aulaclic.es ahi encontraran varios tutoriales buenisimos, animaciones y demas
gracias...
 

Enviado por: sommer

Fecha: 30/11/2006 - 05:18:45  
muy facil  

Enviado por: Aprendiz

Fecha: 13/11/2006 - 00:23:02  
esta bueno ya algo mas coj estas explicaciones graciaas apersona como vos la red crecera un pocomas  

Enviado por: monikitaweb

Fecha: 23/08/2006 - 02:34:31  
si coinsido con lagunos comentarios que la informacion es muy leve pero
gracias por el contenido mua..
 

Enviado por: Aprendiz

Fecha: 19/05/2006 - 06:31:57  
esta chido pero coincido q no estaria mal un poco d mas informacion  

Enviado por: roybatty

Fecha: 18/06/2005 - 19:10:13  
bueno para iniciar , un poco mas de informacion y listo  

Enviado por: Josue

Fecha: 13/06/2005 - 23:17:28  
esta muy bueno para uno que se quiera iniciar  

Enviado por: Aprendiz

Fecha: 04/06/2005 - 14:28:38  
creo que esta bien todo pero le falta mas informacion ya que para eso se supone entras

ok

solo como sugerencia

bye
 

Tu alias:

 

Comentario:

 
  Introduce codigo de seguridad
 

¿Quieres ver tu articulo publicado en esta pagina?

Visita la zona de envios, pulsando aqui

 
Anuncios
Hospedaje recomendado
Hospedaje y dominios - El hosting inteligente al mejor precio

Visitantes: 1
Pagina generada en: 0.00167 segundos