CI-2413 Desarrollo de Aplicaciones para Internet HTML/XHTML/FORMS CI-2413 Desarrollo de Aplicaciones para Internet
HTML Estructura de un documento HTML Elemento HTML HEAD BODY TITLE META datos BODY
HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Mi primer documento HTML</TITLE> </HEAD> <BODY> <P>¡Hola Mundo! </BODY> </HTML>
XHTML Diferencias con HTML Páginas Bien-formadas Elementos y atributos en minúscula. Valores de atributos siempre entre comillas. Atributos no minimizados. Elementos vacíos terminados.
Sintaxis HTML La especificación de XHTML/HTML se encuentra en: http://www.w3.org/TR/html4 http://www.w3.org/TR/xhtml1
Sintaxis HTML Texto: Hereda entidades HTML de SGML: Comentarios: espacio en blanco espacio en blanco tabulado é é ñ ñ ¡ ¡ Comentarios: <!– Comentario -->
Sintaxis HTML Texto: <em></em> enfatiza el texto (se presenta como itálica) <i></i> itálica (se recomienda utilizar <em> ya que es una etiqueta semántica y no de presentación) <strong></strong> texto fuerte (se presenta como negrita) <b></b> negrita (se recomienda también utilizar <strong>)
Sintaxis HTML Texto: <cite></cite> contiene una referencia hacia otra fuente <code></code> código fuente de algún lenguaje de programación <samp></samp> salida de algún programa <abbr></abbr> abreviaturas; V.G.: Sr.
Sintaxis HTML Texto: <acronym></acronym> acrónimo; V.G.: RADAR <blockquote cite="_"></blockquote> cita larga de alguna fuente <q></q> cita corta de alguna fuente <sup></sup> superescritura <sub></sub> subescritura
Sintaxis HTML Texto: <p></p> párrafo <br /> cambio de línea <pre></pre> texto preformateado, aparece tal como se escribió <ins></ins>, <del></del> inserta o elimina partes de documentos posteriores o anteriores (control de versiones básico)
Sintaxis HTML Listas: Listas sin orden: <ul></ul> aparecen con viñetas <li></li> ítemes Ejemplo: <ul> <li>Bases de datos</li> <li>Redes</li> <li>Inteligencia Artificial</li> </ul>
Sintaxis HTML Listas: Listas con orden: <ol></ol> aparecen con números <li></li> ítemes Ejemplo: <ol> <li>Bases de datos</li> <ul> <li>Orientadas a Objetos</li> <li>Relacionales</li> </ul> <li>Redes</li> <li>TCP</li> </ol>
Sintaxis HTML Listas: Listas de definiciones: <dl></dl> lista de definiciones <dt></dt> concepto a definir <dd></dd> definición Ejemplo: <dl> <dt>Obstructor</dt> <dd>Dícese de aquel o aquello que obstruye. </dl>
Sintaxis HTML Tablas: <table></table> tabla <tr></tr> fila <th></th> celda, encabezado <td></td> celda, simple <caption></caption> describe la naturaleza de la tabla (cuando está presente)
Enlaces <a href="..."></a> enlace hacia algún recurso <link rel="..." href="..." /> enlaces relacionados
Formularios Un formulario es una sección de documento que contiene controles. Los controles permiten interacción del usuario: Botones, cajones de chequeo, botones radio, menús, entradas de texto, selección de archivos, controles ocultos y controles objeto. El formulario es enviado a otra página escogida por la propiedad action.