La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

CI-2413 Desarrollo de Aplicaciones para Internet

Presentaciones similares


Presentación del tema: "CI-2413 Desarrollo de Aplicaciones para Internet"— Transcripción de la presentación:

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"
"http://www.w3.org/TR/html4/strict.dtd"> <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.


Descargar ppt "CI-2413 Desarrollo de Aplicaciones para Internet"

Presentaciones similares


Anuncios Google