Estructura Basica de un documento HTML

Con este articulo damos inicio oficialmente al Curso de Paginas web.

leccion1 Estructura Basica de un documento HTML

Estructura Basica de un documento

Para que un documento sea considerado HTML hay que definirselo al Navegador, siendo la estructura la siguiente:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Documento sin título</title>
</head>

<body>
</body>
</html>

La estructura nunca cambia, siempre es la misma, asi que todo el contenido de la pagina web va dentro de la etiqueta BODY:

<body> –> Inicio de etiqueta

AQUI ESCRIBES EL CONTENIDO DE LA PAGINA WEB

</body> –> fin de etiqueta

Sintaxis de una Etiqueta

Las etiquetas en HTML definen el cambio o formato a aplicar a una seleccion, para ello cada etiqueta tiene una funcion especifica, pero la sintaxis es siempre la misma “<” simbolo de menor que, indica el inicio de la definicion de una etiqueta,  “>” simbolo mayor que, indica el final de una etiqueta, por ejemplo “<p>”, “<strong>”, “<a>”, “<blockquote>”, “<head>”.

Como vimos mas arriba, el contenido o la forma de seleccionar en HTML lo hacemos indicando manualmente el lugar de inicio y de fin de una etiqueta, de esta forma esa etiqueta afectará unicamente a ese texto o imagen.

Ejemplo:

<font color=”red”>Este texto es rojo</font>pero este no

Del ejemplo podemos ver como funcionan las etiquetas; FONT es la etiqueta porque se encuentra mas proxima a “<” el atributo es COLOR y el valor es RED, FONT tiene 3 atributos posibles “FACE”, “COLOR” y “SIZE”, Face para el tipo de letra, Color para los colores de letra y Size para el tamaño de letra, en otro post explicaremos con mas detenimiento como funcionan estos atributos, lo impotante en este momento es que entiendas la sintaxis de una etiqueta HTML.

Bueno, los comentarios son bienvenidos, espero que el video te sea de mucha utilidad. Cualquier duda que tengas o sugerencia es bienvenida.

Articulos Relacionados:

Walter Alvarez
Presidente de Soluciones SEO empresa de diseño web y hospedaje web. Dedicado a la enseñanza de Diseño Web y escribe temas de Superacion Personal como parte integral del Marketing de un negocio en Internet.


3 Responses to “Estructura Basica de un documento HTML”

  1. Informaci�n de BlogESfera.com……

    Puedes valorar este post en BlogESfera.com haciendo click aqui….

  2. Información Bitacoras.com…

    Valora en Bitacoras.com: Con este articulo damos inicio oficialmente al Curso de Paginas web. Estructura Basica de un documento HTML Para que un documento sea considerado HTML hay que definirselo al Navegador, siendo la estructura la siguiente: Docum…..

  3. Jonatan Pinzon dice:

    muy bien estoy empezando vamos a ver como nos vam

Leave a Reply

Copyright © 2011 · Tutoriales y Photoshop, All Rights Reserved.
Powered by Free Premium Wordpress Themes.