You are on page 1of 14

Lenguaje HTML INTRODUCCION

Programación web  Alojamiento en servidores web   Internet Information Server Apache Web Server Internet Explorer Mozilla Firefox HTTP: protocolo de transferencia de hiper-texto hiperHTTPS: HTTP seguro  Uso de navegadores web en el cliente    Protocolos   .

URL  Universal   Resource Locator Localizador universal de recurso Sirve para identificar los documentos alojados en los servidores Protocolo de red a emplear Nombre de equipo Ruta completa de recurso  protocolo://maquina/ruta    .

URL (II)  Ejemplos    http://www.htm ftp://ftp.iesmarenostrum.net http://www.iesmarenostrum.com/fpadistancia/index.rediris.es  También podemos indicar el puerto (por defecto el 80 para el protoclo HTTP)  http://localhost:8080 Servidor de traducción de nombres Traduce nombres a direcciones IP y vice-versa vice-  DNS (Domain Name Server)   .

htm ‡ .Lenguajes  HTML:  páginas web  Lenguaje para el formato de documentos de hiperhiper-texto Extensiones válidas ‡ .html  CSS: hojas de estilo  JavaScript: lenguaje script de cliente  PHP: lenguaje script de servidor .

HTML   Especificación actual: HTML 4.01  La versión 5 está en desarrollo Lenguaje basado en etiquetas (XML con semántica específica)   Ejemplo: <strong>Texto a resaltar</strong> Atributos de etiqueta: definen propiedades ‡ Ejemplo: <body background=³fondo.gif´> .

el título)  Cuerpo   (BODY) Contenido del documento Cabeceras ‡ <H1>: mayor importancia ‡ « ‡ <H6>: menor importancia .Estructura página web  Cabecera  (HEAD) Información sobre el documento (por ejemplo.

Primer ejemplo  <html>  <head>  <title>Mi  </head>  <body>  <h1>Mi primer documento HTML</title> primer documento HTML</h1>  Este es mi primer documento HTML  </body> .

Etiquetas de texto  <EM>: énfasis  <STRONG>: énfasis más fuerte  <ABBR>: abreviatura  <SUB>: subíndice  <SUP>: superíndice  <P>: párrafo  <BR>: salto de línea  <PRE>: texto preformateado .

Etiquetas de lista  <UL>: lista no ordenada  <OL>: lista ordenada  <LI>: elemento de lista  <DL>: lista de definiciones  <DT>: término  <DD>: definición de término .

Etiquetas de tabla  <TABLE>: tabla  <CAPTION>: titulo  <THEAD>: filas de cabecera  <TFOOT>: filas de pie  <TBODY>: filas de cuerpo  <TR>: fila  <TD>: celda de datos  <TH>: celda cabecera .

Etiquetas de vínculo. imágenes y otros           <A>: origen o destino de vínculo <A name=³nombre´>: destino de vínculo <A href=³url´>: origen de vínculo <IMG>: imagen <TT>: texto de teletipo o ancho fijo <I>: texto itálica <B>: texto negrita <BIG>: fuente grande <SMALL>: fuente pequeña <HR>: línea separadora horizontal .

Caracteres especiales  &ntilde.  ñ á  &aacute. .   Uso recomendado para compatibilidad entre navegadores y sistemas operativos.

Fin de la presentación .