Comandos Básicos.pptx

9

Click here to load reader

Transcript of Comandos Básicos.pptx

Page 1: Comandos Básicos.pptx

Comandos Básicos

Page 2: Comandos Básicos.pptx

• < HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML

• < HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado (aquí se coloca generalmente el título).

• < TITLE > ... < /TITLE > : Indica el título.

• < BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la página.

• < P > ... < /P > : Indica comienzo y fin de un párrafo.

• < BR > : Permite saltarse una línea (se llama quiebre de línea).

Page 3: Comandos Básicos.pptx

• < UL > ... < /UL > : Indica comienzo y fin de una lista no ordenada (puntos). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.

• < OL > ... < /OL > : Indica comienzo y fin de una lista ordenada (números). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.

Page 4: Comandos Básicos.pptx

• Ejemplo: < OL >

• < LI > Primer item • < LI > Segundo item • < UL >• < LI > Primer subitem• < LI > Segundo subitem • < /UL >• < LI > Tercer item • < /OL >

Page 5: Comandos Básicos.pptx

• Y esto se ve

• Primer item • Segundo item

o Primer subitem o Segundo subitem

• Tercer item

Page 6: Comandos Básicos.pptx

Gráficos

< img src=archivo.{gif,jpg}Nombre del archivo

width= Ancho del archivo(en puntos

height= Altura del archivos (en puntos)

align=Alineación de la imagen y textos

border= Ancho del borde de la imagen

La sintaxis para la inclusión de gráficos es la siguiente:

Page 7: Comandos Básicos.pptx

• Por ejemplo:

• < img src="images/hola.gif" > Produce:

Page 8: Comandos Básicos.pptx

• La opcion align tiene relación con la posición de la imagen con respecto al texto que viene a continuación. He aquí un ejemplo:

• Align=top (por defecto)

• Align=middle

• Align=bottom

Texto a continuación

Texto a continuación

Texto a continuación

Page 9: Comandos Básicos.pptx

Referencias• Existen tres tipos principales de referencias a otros textos:

Referencias a otras páginas:<a href="otra_pagina.html" >Ir a otra pagina </a> Se ve como:Ir a otra paginaBasta presionar sobre el texto subrayado (y generalmente en otro color) para ir a la otra página

• Referencias a temas:<a href="#tema" >Ir a otro tema </a> Si se presiona sobre el texto subrayado se va a otra parte de la misma página, que se marcó con la instrucción <a name="tema">.Por ejemplo:Ir a gráficosTambién es posible ir a un tema específico en otra página.

• Referencia a otros objetos:También es posible referenciar otro tipo de objetos (animaciones, dibujos en otros formatos, audio,etc.). El resultado dependerá de la configuración del browser. La idea es tener asociado a la terminación del archivo, un programa externo que permita ver dicho archivo. Por ejemplo, si es un archivo de audio con terminación .au, el browser sabe que tiene que ejecutar un programa para escuchar audio, que soporte ese formato.