este es referente para el marcado de lenguaje predominante para la elaboración  de paginas web que se utiliza para  para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. el HTML SE DESCRIBE DE FORMA DE ETIQUETAS RODEADAS POR CORCHETES ANGULARES (<,>) también se puede describir hasta en cierto punto la apariencia de un documento y puede incluir un script ejemplo (java-script) el cual puede afectar el comportamiento de navegadores web y otros procesadores.

 

HTML o “HyperText Markup Language” (Lenguaje de Marcado de Hipertexto) es el lenguaje predominante en el diseño web.

Consta de determinadas “etiquetas” (tags) que son la estructura básica de este lenguaje, algunas son:

<HTML>, <HEAD>, <TITLE>, <BODY>,<form>, <div>, <img>, <a>, <b>, <i>, <p>.

Luego explicaremos para que sirve cada una, por ahora solo mencionaremos que las que están en mayúsculas son la estructura principal de una página web y que las siguientes agregan formularios, imágenes, links y estilos a los contenidos de la web (luego veremos tambien que el lenguaje CSS permite la omisión de estas etiquetas ya que tambien otorga formato al texto.

HISTORIA DE HTML:

La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim  Berners-Lee en 1991.

Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.

 

 

ELEMENTOS:    Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas => atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio EJE: ( <nombre-de-elemento>) y una etiqueta de cierre ejem: ( </nombre-de-elemento>).

 

 

 

HTML BÁSICO:

<DOCTYPE>
Es la primera parte de una página web, aún antes que la etiqueta <html>.
Le indica al navegador que especificación de HTML se está utilizando
HTML 4.01: los tipos de documento que define son: strict, transitional y frameset.

<STRICT >
Se usa cuando se utilizan CSS.
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>

<Transitional>
Presenta elementos en proceso de transición de acuerdo a los estándares del W3C.
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>

 

<Frames >

Debe usarse en documentos que incluyen frames
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Frameset//EN» «http://www.w3.org/TR/html4/frameset.dtd»>

<html></html>
Abre y cierra un documento HTML
<head></head>
Encabezado de la página – aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas. Está información no es visible.
<body></body>
Dentro de esta etiqueta va toda la parte visible de la página web.

Etiquetas del Encabezado
<title></title>

 

 

                                         PRINCIPALES ETIQUETAS :

 

Texto:

<p> Esto es un texto </p>Escribimos <p> antes del texto y </p> para finalizar el párrafo.

Enlace(link):

<a href=”http://www.nombredeldominio.com” target=”_blank”> Nombre del enlace</a>

Se debe cambiar ‘www.nombredeldominio.com’ por el dominio elegido y ‘Nombre del enlace’ por el nombre que desees.

Imagen sin enlace:

<img src=”http://www.nombredeldominio.com/nombredelaimagen.gif” alt=”descripción de la imagen”>

Cambiamos ‘www.nombredeldominio.com/nombredelaimagen.gif’ por la dirección URL de la imagen elegida y ‘descripción de la imagen’ por los comentarios deseados.

Imagen con enlace:

<a href=”http://www.nombredeldominio.com” target=”_blank”><img src=”http://www.nombredeldominio.com/nombredelaimagen.gif” alt=”descripción de la imagen”></a>

Hacemos los cambios mencionados anteriormente.

Correo electrónico:

<a href=”mailto:tuemail@tuemail.com”>Contactarme</a>

Sustituimos ‘tuemail@tuemail.com’ por la verdadera dirección de correo electrónico y ‘Contactarme’ por el texto que queramos.

Alinear a la izquierda:

<div align=”left”> Texto alineado a la izquierda. </div>

Escribimos <div align=”left”> antes del texto que alinearemos a la izquierda y finalizamos el texto con </div>.

Centrar:

<div align=”center”>Texto centrado </div>

Actuamos de forma análoga al apartado anterior.

Alinear a la derecha:

<div align=”right”>Texto alineado a la izquierda </div>

Actuamos de forma análoga al apartado anterior.

Salto de línea

<br> o <br />

Si queremos insertar una línea en blanco escribiremos <br> o <br />

Tipo de letra: <font face=”verdana”>Texto escrito en verdana </font>

Utilizamos <font face=”verdana”> antes del texto elegido y acabamos con </font>.

Negrita:

<strong>Texto </strong>

Actuamos de forma similar al caso anterior y los casos que vienen a continuación.

Cursiva:

<em>Texto </em>