Descargar la presentación
La descarga está en progreso. Por favor, espere
1
CI-2413 Desarrollo de Aplicaciones para Internet
HTML/XHTML/FORMS CI-2413 Desarrollo de Aplicaciones para Internet
2
HTML Estructura de un documento HTML Elemento HTML HEAD BODY TITLE
META datos BODY
3
HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
" <HTML> <HEAD> <TITLE>Mi primer documento HTML</TITLE> </HEAD> <BODY> <P>¡Hola Mundo! </BODY> </HTML>
4
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.
5
Sintaxis HTML La especificación de XHTML/HTML se encuentra en:
6
Sintaxis HTML Texto: Hereda entidades HTML de SGML: Comentarios:
espacio en blanco espacio en blanco tabulado é é ñ ñ ¡ ¡ Comentarios: <!– Comentario -->
7
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>)
8
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.
9
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
10
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)
11
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>
12
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>
13
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>
14
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)
15
Enlaces <a href="..."></a> enlace hacia algún recurso
<link rel="..." href="..." /> enlaces relacionados
16
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.
Presentaciones similares
