HTML. Etiquetas   Atributos  BGCOLOR: Color de fondo "padrón: gris o blanco"  TEXT: Color de los textos de la página "padrón: negro"  LINK: Color.

Presentación del tema: "HTML. Etiquetas   Atributos  BGCOLOR: Color de fondo "padrón: gris o blanco"  TEXT: Color de los textos de la página "padrón: negro"  LINK: Color."— Transcripción de la presentación:

1 HTML

2 Etiquetas   Atributos  BGCOLOR: Color de fondo "padrón: gris o blanco"  TEXT: Color de los textos de la página "padrón: negro"  LINK: Color de los enlaces "padrón: azul"  ALINK: Color de los enlaces al accionarse "padrón: rojo"  VLINK: Color de los enlaces después de visitados "padrón: azul oscuro o bordó"  BACKGROUND: Imagen de fondo.

3 Los 6 formatos tamaños de letras más comunes ... Letra de nivel 1 ... Letra de nivel 2 ... Letra de nivel 3 ... Letra de nivel 4 ... Letra de nivel 5 ... Letra de nivel 6

4 Etiquetas - Formato de texto  Define un texto en negrita  Define un texto grande  Define un texto enfatizado  Define un texto en itálica  Define un texto pequeño  Define un texto fuerte  Define un texto subíndice  Define un texto superíndice  Define un texto subrayado  Define un texto tachado

5 Etiquetas - Listas  … …  (“ordered list”) lista ordenada o numera cada elemento de la lista.  li ("list item", o sea, elemento de lista). Para crear elementos de lista  Viñetas (“unorderes list”) sin orden o vinetas

6 Etiquetas  Línea horizontal   Atributo width – especifica el ancho ( )  Salto de línea 

7 Etiquetas – Enlaces (link)   google.com “http://www.google.com  Acceder a páginas en subcarpetas  Haz clic para ir a la página 2  Enlazar a página en una carpeta superior:  Enlace a la pagina1

8 Etiquetas – Enlace (link)  Enlaces internos dentro de una misma página  Usa el atributo id para marcar el elemento con el que quieras enlazar. Por ejemplo:  Primer encabezado  Para enlazar a dicho elemento, se usa la almohadilla "#" en el atributo "href" del elemento a. El símbolo "#" debe ir seguido del id de la etiqueta con la que quieres enlazar. Por ejemplo:  Enlace con el primer encabezado

9 Etiquetas - Imagen   Hay tres clases diferentes de tipos de fichero de imagen que puedes insertar en tus páginas:  GIF (Graphics Interchange Format)  JPG o JPEG (Joint Photographic Experts Group)  PNG (Portable Network Graphics)

10 Etiquetas - Imagen   Atributos  Alt – texto alternativo de una imagen  Title - para añadir información a la imagen  width y height – altura y anchura de la imagen

11 Etiquetas - Tablas   … - filas  … - encabezado de fila  … - celdas

12 Etiquetas - Tablas  Atributos  Combinar celdas, se usan en o :  rowspan= más un valor para indicar el número de filas que se quiere abarcar.  colspan= más un valor para indicar el número de columnas que se quiere abarcar.

13 Etiquetas - Tablas  Atributos  width= para especificar el ancho de la tabla o columnas( # pixeles o % respecto al ancho de la pantalla)  Border= para especificar el ancho del borde en pixeles. Border="0" será ausencia de borde.  Cellspacing= acompaña a. Indica el número de pixeles que separan cada celda. El valor predeterminado suele ser 2.  Cellpadding= acompaña a. Indica el espacio en pixeles entre el borde de la celda y su contenido. El valor predeterminado suele ser 1.