HTML

HTML significa Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje abstracto que aplicaciones pueden usar para representar documentos, con el cual tambien se  definen las paginas web.El HTML se creo con el objetivo de divulgar informacion con pocas imagenes, a medida que fue evolucionando su tema paso a ser mas dinamico y mas popular; este lenguaje es definido por conjuntos de etiquetas que sirven para incluir texto y otros elementos multimedia que se necesite colocar, las etiquetas son definidas entre los símbolos < y >, de la siguiente forma: <etiqueta>, estas  también pueden tener atributos, que sirven para indicar características específicas, y que se representan de la siguiente forma: <etiqueta atributo=”valor del atributo”>.

HTML no presenta ningún compilador, es decir que cualquier error de sintaxis que se presente este no lo detectara y se visualizara en la forma como este lo entienda.El HTMl permite que algunos códigos llamados scripts, los cuales  brindan instrucciones específicas a los navegadores que se encargan de procesar el lenguaje. Entre los scripts que pueden agregarse, los más conocidos y utilizados son JavaScript y PHP.

Estructura del HTML

El HTML se organiza colocando en la parte superio la palabra <HTML>, luego le sigue La cabecera es la sección comprendida entre <head> y </head>. En ella se encuentra necesariamente el título (entre las etiquetas <title> y </title>) y por ultimo el cuerpo (body)que es lo mas importante en el documento, aquí es donde debemos colocar el contenido de nuestra página: texto, fotos, etc.El cuerpo está delimitado por las etiquetas <body> y </body> La etiqueta <body> tiene algunos atributos como:

BGCOLOR : este parámetro usado para especificar el color de fondo de la página. El color se define como un conjunto de números (#rrggbb) en base hexadecimal en el orden rojo, verde, azul. También se puede usar el nombre en inglés de los colores predefinidos en los navegadores.

TEXT: este parametro es usado para definir el color del texto por omision. Su formato es el mismo que el de BGCOLOR. Si no se pone nada es negro.

LINK: este parametro demuestra el color de los links. Por defecto será azul.

VLINK: color de los links visitados. Por defecto será violeta.

El formato es el mismo que BGCOLOR.

BACKGROUND: este  parámetro usado para especifica la ruta y nombre de archivo (URL) de la imagen que será usanda como fondo del documento.

Ejemplo de estructura basica:

<HTML>

<HEAD>
<TITLE>Título de la página</TITLE>

</HEAD>

<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML>

Ejemplo de HTML:

<HTML>

<HEAD>

<TITLE>Un Titulo para el Browser de turno </TITLE>

</HEAD>

<BODY>

<!– Aqui va todo lo chachi –>

<H1>Otro t&iacute;tulo, esta vez m&aacute;s largo. </H1>

<P> <IMG SRC= “./felix.gif “ALIGN= “MIDDLE ” ALT= “EL Gato Felix “>Hoola.

<P>Esto es un parrafo con informacion

super importante. Notese que las lineas salen pegadas aun dejando

espacios, saltos de linea, etc. <BR> &#161 Si pongo esto

si <STRONG>cambia </STRONG> de linea!

<P>Otro parrafo, esto ya es un poco rollo.

<H3>Pongamos un subtítulo<H3>

<P>Por cierto, &#191 que paso con las <A HREF= “#pepe “>anclas</A>?

<HR>

<UL>

<LI> Esto es una lista no ordenada.

<LI> Las listas quedan mejor si tienen varios elementos.

</UL>

Me voy al <A HREF= “http://www.iac.es/home.html “>IAC</A>.

<P>Vamos a crear un <EM>ancla </EM>, o lo que es lo mismo, un <A NAME=”pepe”>anchor.</A>

se vería así http://www.iac.es/galeria/westend/ejemplo.html

Tutoriales

http://es.html.net/tutorials/html/

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