Hyper Text Markup Language ms conocido como HTML es un lenguaje utilizado en el area

de diseo e informtica para el fn de la creacin de paginas WEB, este funciona por medio de
"etiquetas" que describen la apariencia o funcin del texto enmarcado y puede llegar a incluir un script
o cdigo que tenga incidencia en el comportamiento del navegador web de eleccin indicando cuales
son los elementos que la compondrn, orientando hacia cul ser su estructura y tambin su contenido,
bsicamente es su definicin.

Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas
caractersticas, con el fin de hacerlo ms eficiente y facilitar el desarrollo de pginas web compatibles
con distintos navegadores y plataformas (PC de escritorio, porttiles, telfonos inteligentes, tabletas,
vipers etc.) No obstante, para interpretar correctamente una nueva versin de HTML, los
desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar
la nueva versin del navegador con los cambios incorporados. Normalmente los cambios son aplicados
mediante.

Este lenguaje se escribe en un documento de texto, por eso necesitamos un editor de textos para
escribir una pgina web ya sea wordpad, Notepad, gedit etc. As pues, el archivo donde est contenido
el cdigo HTML es un archivo de texto, con una peculiaridad, que tiene extensin .html o .htm (es
indiferente cul utilizar). De modo que cuando programemos en HTML lo haremos con un editor de
textos, lo ms sencillo posible y guardaremos nuestros trabajos con extensin .html, por ejemplo
prosecucion.html

Caracacteristicas de HTML:

Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver
con el formato de los documentos. El texto en l se crea a partir de etiquetas, tambin llamadas
tags, que permiten interconectar diversos conceptos y formatos.

Para la escritura de este lenguaje, se crean etiquetas que aparecen especificadas a travs de
corchetes o parntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la
estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en s mismo y sus
atributos).

HTML permite ciertos cdigos que se conocen como scripts, los cuales brindan instrucciones
especficas a los navegadores que se encargan de procesar el lenguaje. Entre los scripts que
pueden agregarse, los ms conocidos y utilizados son JavaScript y PHP.

El marcado estructural es el que estipula la finalidad del texto, aunque no define cmo se ver
el elemento. El marcado presentacional, por su parte, es el que se encarga de sealar cmo se
ver el texto ms all de su funcin
Para conocer el cdigo HTML que utiliza una pgina web, hay que seleccionar Ver cdigo fuente en
nuestro navegador (como Internet Explorer, Google Chrome, Opera, Mozilla Firefox, etc.). Al
elegir esta opcin, se abrir el editor de texto con el cdigo HTML de la pgina que se est
visualizando.
Que es html5

Es de hecho la quinta revisin del estndar que fue creado en 1990. A fines del ao pasado, la
W3C la recomend para transformarse en el estndar a ser usado en el desarrollo de proyectos
venideros. Por as decirlo, qu es HTML5 est relacionado tambin con la entrada en decadencia del
viejo estndar HTML 4, que se combinaba con otros lenguajes para producir los sitios que podemos ver
hoy en da. Con HTML5, tenemos otras posibilidades para explotar usando menos recursos. Con
HTML5, tambin entra en desuso el formato XHTML, dado que ya no sera necesaria su
implementacin.
Se trata de un sistema para formatear el layout de nuestras pginas, as como hacer algunos
ajustes a su aspecto. Con HTML5, los navegadores como Firefox, Chrome, Explorer, Safari y ms
pueden saber cmo mostrar una determinada pgina web, saber dnde estn los elementos, dnde poner
las imgenes, dnde ubicar el texto. En este sentido, el HTML5 no se diferencia demasiado de su
predecesor, un lenguaje del cual hablamos hace algunos meses en nuestra gua bsica de HTML. La
diferencia principal, sin embargo, es el nivel de sofisticacin del cdigo que podremos construir usando
HTML5.
Diferencias entre HTML y html5 .

Incorporacin de nuevos elementos y atributos, el contenido

Propone html5 en diseo web son, etiquetas canvas 2D y 3D, Audio, video con codecs
destinados ala mejora de archivos multimedia.
Incorpora mejora de conjuntos de datos, tales como datagrid,details, men y command, en el
que la gestin de estos archivos se vera la mejora para su filtracin, orden y ocultamiento.
En html podemos destacar nuevas formas de movimientos de datos, sin precisar de Javascript;
Nuevos visores destinados a frmulas matemticas y grficos vectoriales (MathML, SVG);
Incorporacin del Drag & Drop, que sirve para arrastrar elementos dentro de los formularios.
Es posible entonces usar las sintaxis tanto de text/html y XHTML5 2. Codificacin de
caracteres, donde se requiere introducir el DOCTYPE al inicio de la pgina, modelos mas
estrictos para sus contenidos y esto permitir estructurar mejor nuestro portal y tener mayor
comprensin para otras personas que leen el cdigo, incluyendo los buscadores.
Se incluyen nuevos elementos y los atributos eliminados (los que antes se considerados
elementos y atributos desaprobados se eliminan por completo). Ahora tendrn los elementos
header, nav, section, article, aside y footer.
Modificaciones en la Extensin de HTMLDocument y extensiones del Elementos
HTMLElement, a nivel DOM de ambos. (DOM es la plataforma neutral de programacin y la
representacin interna de una web con la que trabaja un navegador).
Dispone de mejores formularios, donde los elementos "input" han sido ampliados como son:
datetime, number, range, email, url, search y color.
Permite desarrollar aplicaciones que se adaptan fcilmente a distintas resoluciones, tamaos de
 pantallas, relaciones de aspecto y orientaciones.
Permite potenciar las funcionalidades avanzadas, tales como el GPS, la cmara y el
acelermetro, en dispositivos modernos y brindar una experiencia de usuario adaptada al
contexto en una amplia variedad de dispositivos, incluidos los smartphones y las tabletas
electrnicas.
El estndar HTML5 evolucion en un perodo relativamente corto y ello produjo discrepancias
en la implementacin de atributos CSS, etiquetas HTML y API de JavaScript. A veces, estas
caractersticas se comportan de manera diferente en plataformas distintas. Sin embargo, hay
herramientas disponibles para resolver estas discrepancias.

Estructura de Tablas en HTML

Una tabla no es otra cosa ms que un medio de organizar datos en filas y columnas. Este
concepto ha estado presente en nuestra sociedad por un largo perodo de tiempo y ha sido adoptado por
en sus etapas iniciales, como una forma de transmitir informacin que, de otro modo, no sera
comprendida tan fcilmente.
En documentos una tabla puede ser considerada, resumidamente, como un grupo de filas donde
cada una contiene a un grupo de celdas. Esto es conceptualmente distinto a un grupo de columnas que
contiene a un grupo de filas, y esta diferencia tendr un impacto en la composicin y comportamiento
de la tabla.
Una tabla en html viene marcada por las etiquetas <table> </table>. Entre esas dos etiquetas
definiremos la tabla, las celdas que queremos, las columnas y las caractersticas de cada uno de estos
parmetros. Pero vamos a empezar explicndote la etiqueta <table> y dentro de esta se deben definir
como minimo las siguientes etiquetas <tr> (table row) y <td> (table data cell). Para definir una tabla
debern utilizarse y combinarse 3 etiquetas: <table>, <tr> (table row) y <td> (table data cell).
Ejemplo de Estructura de Tabla Bsica.
<html>

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Estructura de Datos</title></head>

<body>

<h1>Estructura de Table Bsica</h1>

<table>

<tr>

<td><b><center>Clase</center></b></td>

<td><b><center>Da</center></</b></td>

<td><b><center>Profesor</center></</b></td>

<td><b><center>Horario</center></</b></td>

</tr>

<tr>

<td><center>Estructura de Datos</center></</td>

<td><center>Sbados</center></</td>

<td><center>Marco de Andrade</center></</td>

<td><center>12:00 PM - 3:00 PM</center></</td>

</tr>

<tr>

<td><center>Socio-Crtica</center></</td>

<td><center>Viernes</center></</td>

<td><center>Luis Rodrguez</center></</td>

<td><center>5:30 PM - 7:00 PM</center></</td>

</tr>

<tr>

<td><center>Introduccin a los Proyectos y al PNF</center></</td>

<td><center>Sbado</center></</td>

<td><center>Alexander Barcos</center></</td>

<td><center>9:15 AM - 11:45 AM</center></</td>

</tr>

</table>

</body>

</html>
Estructura de Formulario.
Los formularios en sirven al propsito de recolectar informacin proporcionada por los
visitantes del sitio, la cual es luego enviada nuevamente al servidor. Para su correcto funcionamiento es
importante que el formulario provisto en sea acompaado de un cdigo del lado servidor, al que
denominaremos "agente procesador", que se encargar de recibir y procesar la informacin como el
autor vea conveniente. Este procesamiento puede consistir en, por ejemplo, el almacenamiento de la
informacin o su envo mediante correo electrnico.
El formulario consta de unos mecanismos en donde el usuario responde a una serie de
preguntas. Para ello puede escribir en una serie de cajas la informacion solicitada, y/o tambin elegir
entre una o varias opciones disponibles, las cuales pueden o no formar una lista. Esta informacin
puede mandarse al correo electrnico del administrador o bien a una pgina o programa que se encarga
de procesarla automticamente.
El lenguaje HTML puede crear formularios con cajas de texto y botones que mandan
informacin, si bien mediante HTML slo podremos enviarlo a un correo electrnico. Si queremos
recoger los datos para procesarlos debemos usar algn lenguaje de programacin como ASP o PHP que
nos permitirn, entre otras cosas, el tratamiento y manejo de formularios y su envo a bases de datos.
Cada vez que se desea crear un formulario HTML se debe, pues, comenzar con el elemento
<form>. Muchos asistentes o plugins del navegador pueden fcilmente descubrir los elementos
<form> e implementar ganchos ( hooks ) especiales para hacerlos ms fciles de usar.

El elemento <form> soporta los siguientes atributos, siendo todos ellos opcionales:

Nombre del
Valor por defecto Descripcin
atributo
Una lista separada por espacios de charsets que
el servidor acepta. El valor predeterminado es
la cadena especial UNKNOWN, y en este caso el
accept-charset UNKNOWN charset se corresponde con la codificacin del
documento conteniendo al elemento de
formulario.

El URI de la pgina web que procesar la

action
informacin enviada a travs del formulario.
Indica si los widgets en este formulario pueden
tener sus valores autocompletados por el
autocomplete on
navegador de manera predeterminada. puede
tomar los valores on y off
cuando el valor del atributo
method es POST, este atriburo es el tipo
application/x-www-
enctype MIME del contenido que se enva al servidor.
form-urlencoded
Valores posibles son:
Nombre del
Valor por defecto Descripcin
atributo
application/x-www-form-
urlencoded
multipart/form-data: Usa este
valor si ests usando el elemento
<input> con el atributo type
establecido a file.
text/plain

El mtodo HTTP que el navegador usa para

method get enviar el formulario. Este atributo puede tomar
dos valores: get o post.
El nombre del formulario. Debe ser nico para
permitir diferenciarlo de otros formularios en
name el documento. El nombre no de debe ser la
cadena vaca. Es habitual usar como nombre el
valor del id.
Cuando este atributo est presente, indica que
el formulario no realizar una validacin en el
novalidate (false)
momento de enviarlo con submit.

Especifica dnde debe mostrarse (cargarse) la

respuesta recibida tras el envo del formulario.
Los siguientes valores se aceptan:

un nombre de iframe
_self: En el mismo contexto
(<iframe>, tab, window, etc.)del
navegador desde donde se envi.
_blank: abre una nueva ventana o
pestaa del navegador
target _self _parent: En el navegador response
into the parent browsing context of the
current one. If there is no parent, this
option behaves the same way as
_self.
_top: Load the response into the top-
level browsing context (that is, the
browsing context that is an ancestor of
the current one, and has no parent). If
there is no parent, this option behaves
the same way as _self.
Ejemplo de sintaxis de Formularios

2. (ejemplo de sintaxis)
3. Qu es PHP?
4. Cmo crear variables en php ?, (ejemplo de sintaxis)
5. Declaracin de Arreglos en PHP. (ejemplo de sintaxis unidimensionales y multidimensionales)
6. Bucle for en PHP (ejemplo de sintaxis)