TABLE. La etiqueta general, que engloba a las siguientes.

Tamaño: px
Comenzar la demostración a partir de la página:

Download "TABLE. La etiqueta general, que engloba a las siguientes."

Transcripción

1 TABLE La etiqueta general, que engloba a las siguientes. TR TD En el siguiente nivel, dentro de TABLE, están las etiquetas para formar cada fila de la tabla. Hay que repetirlas tantas veces como filas queremos que tenga la tabla. En el último nivel, dentro de TR, están las etiquetas de cada celda, que engloban el contenido de cada celda concreta (texto, imágenes, etc.). Hay que repetirlas tantas veces como celdas queremos que haya en esa fila. <HTML> <BODY> <TABLE BORDER> <TR> <TD>fila1 - celda1</td><td>fila1 - celda2</td><td>fila1 - celda3</td> </TR> <TR> </TR> <TD>fila2 - celda1</td><td>fila2 - celda2</td><td>fila2 - celda3</td> <TR> <TD>fila3 - celda1</td><td>fila3 - celda2</td><td>fila3 - celda3</td> </TR> </TABLE> </BODY> </HTML> 1

2 <TABLE BORDER = > WIDTH = > HEIGHT = > CELLPADING = > CELLSPACING = > Establece el grueso de los bordes externos de la tabla Establece el ancho o longitud horizontal de la tabla Establece la altura o longitud vertical de la tabla Indica la distancia entre los bordes de cada celda y el texto que va dentro de ellas. Señala la anchura de los bordes de cada celda <TR ALIGN = > Especifica la alineación horizontal del texto de una fila <TD ROWSPAN = > COLSPAN = > WIDTH = > HEIGHT = > ALIGN = > VALIGN = > Especifica la anchura de una celda en función de las celdas inferiores Especifica la altura de una celda en función de la altura de las celdas adyacentes Determina la anchura de una celda individual Determina la altura de una celda individual Especifica la alineación horizontal del texto dentro de la celda Especifica la alineación horizontal del texto dentro de la celda <TH ROWSPAN = > COLSPAN = > ALIGN = > Especifica la anchura de una celda de encabezamiento en función de las celdas inferiores Especifica la altura de una celda de encabezamiento en función de la altura de las celdas adyacentes Especifica la alineación horizontal del texto dentro de la celda de encabezamiento 2

3 <table border> <tr> <!-- INICIO DE LA 1era. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO 1, 2, 3 --> <td width = "30" height = "40">1</td><!-- 1ERA. CELDA DE LA 1ERA. FILA. EL TEXTO TOMA LAS ALINEACIONES POR DEFECTO QUE SON HACIA LA IZQUIERDA Y EN EL MEDIO--> <td width = "40" height = "50" align = "center" valign = "top">2</td><!-- 2DA. CELDA DE LA 1ERA. FILA. EL TEXTO ESTA CENTRADO Y ARRIBA--> <td width = "50" height = "60" align = "right" valign = "bottom">3</td><!-- 3RA. CELDA DE LA 1ERA. FILA. EL TEXTO ESTA ALINEADO HACIA LA DERECHA Y EN EL FONDO DE LA CELDA--> <!-- SE CIERRA LA 1ERA. FILA --> <tr> <!-- INICIO DE LA 2DA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO 4, 5, 6 --> <td width = "100 height = "50" align = "right" valign = "top">4 <!-- 1ERA. CELDA DE LA 2DA. FILA--> <td width = "50" height = "60" align = "center" valign = "bottom">5 <!-- 2DA. CELDA DE LA 2DA. FILA--> <td width = "60" height = "70" >6 <!-- 3RA. CELDA DE LA 2DA. FILA--> <!-- SE CIERRA LA 2DA. FILA --> <tr> <!-- INICIO DE LA 3RA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO 7, 8, 9 --> <td width = "50" height = "125" align = "center" valign = "middle">7 <!-- 1ERA. CELDA DE LA 3RA. FILA--> <td width = "70" height = "80" align = "left" valign = "top">8 <!-- 2DA. CELDA DE LA 3RA. FILA--> <td width = "80" height = "90" align = "right" valign = "bottom"> 9 <!-- 3RA. CELDA DE LA 3RA. FILA--> <!-- SE CIERRA LA 3RA. FILA --> <!-- EL ATRIBUTO ALIGN CORRESPONDE A LA ALINEACIÓN HORIZONTAL, MIENTRAS QUE VALIGN A LA VERTICAL. LOS VALORES POR DEFECTO DE CADA UNO DE ESTOS ATRIBUTOS SON LEFT PARA ALIGN Y MIDDLE PARA VALIGN.--> 3

4 <table border> <tr align = "right" > <!-- INICIO DE LA 1ERA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO 1, 2, 3 QUE ESTARA ALINEADO A LA DERECHA YA QUE EL VALOR DEL ATRIBUTO ALIGN ES RIGHT --> <td width = "30" height = "40">1 <!-- 1ERA. CELDA DE LA 1ERA. FILA--> <td width = "30" height = "40">2 <!-- 2DA. CELDA DE LA 1ERA. FILA--> <td width = "30" height = "40">3 <!-- 3RA. CELDA DE LA 1ERA. FILA--> <!-- SE CIERRA LA 1ERA. FILA --> <tr align = "center"> <!-- INICIO DE LA 2DA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO 4, 5, 6 QUE ESTARA CENTRADO YA QUE EL VALOR DEL ATRIBUTO ALIGN ES CENTER --> <td width = "30" height = "40">4 <!-- 1ERA. CELDA DE LA 2DA. FILA--> <td width = "30" height = "40">5 <!-- 2DA. CELDA DE LA 2DA. FILA--> <td width = "30" height = "40">6 <!-- 3RA. CELDA DE LA 2DA. FILA--> <!-- SE CIERRA LA 2DA. FILA --> <tr> <!-- INICIO DE LA 3RA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO 7, 8, 9 Y NO POSEE LA ETIQUETA DE ALINEACION --> <td width = "30" height = "40">7 <!-- 1ERA. CELDA DE LA 3RA. FILA--> <td width = "30" height = "40">8 <!-- 2DA. CELDA DE LA 3RA. FILA--> <td width = "30" height = "40">9 <!-- 3RA. CELDA DE LA 3RA. FILA--> <!-- SE CIERRA LA 3RA. FILA --> <!-- OBSERVE QUE LA 3RA. FILA NO TIENE EL ATRIBUTO ALIGN POR LO QUE TOMA LA ALINEACION PREDETERMINADA, LA CUAL ES HACIA LA IZQUIERDA --> <html> <table border> <tr> <!-- INICIO DE LA 1ERA. FILA QUE SE RELLENA CON 3 CELDAS CON EL TEXTO 1, 2, 3 --> <td width = "30" height = "40" >1</td><!-- 1ERA. CELDA DE LA 1ERA. FILA.--> 4

5 <td width = "40" height = "50" >2</td><!-- 2DA. CELDA DE LA 1ERA. FILA.--> <td width = "50" height = "60" >3</td><!-- 3RA. CELDA DE LA 1ERA. FILA.--> <!-- SE CIERRA LA 1ERA. FILA --> <tr> <!-- INICIO DE LA 2DA. FILA QUE SE RELLENA CON 3 CELDAS CON EL TEXTO 4, 5, 6 --> <td width = "100 height = "50" >4 <!-- 1ERA. CELDA DE LA 2DA. FILA--> <td width = "50" height = "60" >5 <!-- 2DA. CELDA DE LA 2DA. FILA--> <td width = "60" height = "70" >6 <!-- 3RA. CELDA DE LA 2DA. FILA--> <!-- SE CIERRA LA 2DA. FILA --> <tr> <!-- INICIO DE LA 3RA. FILA QUE SE RELLENA CON 3 CELDAS CON EL TEXTO 7, 8, 9 --> <td width = "50" height = "125" >7 <!-- 1ERA. CELDA DE LA 3RA. FILA--> <td width = "70" height = "80" >8 <!-- 2DA. CELDA DE LA 3RA. FILA--> <td width = "80" height = "90"> 9 <!-- 3RA. CELDA DE LA 3RA. FILA--> <!-- SE CIERRA LA 3RA. FILA --> <!-- OBSERVE QUE LAS CELDAS VARIAN EN TAMAÑO VERTICAL Y HORIZONTAL. SIN EMBARGO, EN EL CONJUNTO DE LA TABLA, LA ANCHURA Y ALTURA DE CADA CELDA SE AJUSTARA A LA CELDA QUE MAYOR ANCHURA Y ALTURA TIENE--> <html> <table border width= "45%" height="45%"><!-- CON EL ATRIBUTO WIDTH EL ANCHO DE LA TABLA SERA DE UN 45% DE LA VENTANA Y CON EL ATRIBUTO HEIGHT LA ALTURA DE LA TABLA SERA DE UN 45% --> <tr> <!-- INICIO DE LA 1ERA FILA QUE SE RELLENA CON 3 CELDAS CON EL TEXTO 1, 2, 3 --> <td>1 <!-- 1ERA CELDA DE LA 1ERA FILA--> <td>2 <!-- 2DA. CELDA DE LA 1ERA FILA--> <td>3 <!-- 3RA. CELDA DE LA 1ERA FILA--> <!-- SE CIERRA LA 1ERA FILA --> <tr> <! INICIO DE LA 2DA. FILA QUE SE RELLENA CON TRES CELDAS CON EL TEXTO 4, 5, 6 --> 5 <td>4 <!-- 1ERA CELDA DE LA 2DA. FILA-->

6 <td>5 <!-- 2DA. CELDA DE LA 2DA. FILA--> <td>6 <!-- 3RA. CELDA DE LA 2DA. FILA--> <!-- SE CIERRA LA 2DA. FILA --> <html> <table border cellpadding="25" CELLSPACING ="40"><!-- CON EL ATRIBUTO CELLPADDING SE AUMENTA O DISMIUYE EL ESPACIO ENTRE ELTEXTO DE TODAS LAS FILAS Y LOS BORDES DE CADA UNA. CON EL ATRIBUTO CELLSPACING SE AUMENTA O DISMINUYE EL GROSOR DE LOS BORDES DE TODAS LAS CELDAS QUE COMPONEN LA TABLA --> <tr> <!-- INICIO DE LA 1ERA. FILA QUE SE RELLENA CON 3 CELDAS CON EL TEXTO 1, 2, 3 --> <td>1 <!-- 1ERA. CELDA DE LA 1ERA. FILA--> <td>2 <!-- 2DA. CELDA DE LA 1ERA. FILA--> <td>3 <!-- 3RA. CELDA DE LA 1ERA. FILA--> <!-- SE CIERRA LA 1ERA. FILA --> <tr> <!-- INICIO DE LA 2DA. FILA QUE SE RELLENA CON 3 CELDAS CON EL TEXTO 4, 5, 6 --> <td>4 <!-- 1ERA. CELDA DE LA 2DA. FILA--> <td>5 <!-- 2DA. CELDA DE LA 2DA. FILA--> <td>6 <!-- 3RA. CELDA DE LA 2DA. FILA--> <!-- SE CIERRA LA 2DA. FILA --> 6

7 <table border width = "120" height = "120"> <tr> <!-- SE INICIA LA 1ERA. FILA QUE CONTIENE EL TEXTO ITEMS Y QUE OCUPA UN ANCHO EQUIVALENTE A LAS 3 COLUMNAS QUE CONFORMAN LA TABLA --> <td COLSPAN = "3">ITEMS</td><!-- 1ERA. Y UNICA CELDA DE LA 1ERA. FILA. AQUI SE UTILIZA EL ATRIBUTO COLSPAN PARA DEFINIR QUE EL ANCHO DE ESTA CELDA SERA DE 3 COLUMNAS--> <tr><!-- SE INICIA LA 2DA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO ITEM1, ITEM2, ITEM3 --> <td>item1</td><!-- 1ERA. CELDA DE LA 2DA. FILA--> <td>item2</td><!-- 2DA. CELDA DE LA 2DA. FILA--> <td>item3</td><!-- 3RA. CELDA DE LA 2DA. FILA--> <tr><!-- SE INICIA LA 3RA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO ITEM4, ITEM5, ITEM6 --> <td>item4</td><!-- 1ERA. CELDA DE LA 3RA. FILA--> <td>item5</td><!-- 2DA. CELDA DE LA 3RA. FILA--> <td>item6</td><!-- 3RA. CELDA DE LA 3RA. FILA--> <tr><!-- SE INICIA LA 4ta. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO ITEM7, ITEM8, ITEM9 --> <td>item7</td><!-- 1ERA. CELDA DE LA CUARTA FILA--> <td>item8</td><!-- 2DA. CELDA DE LA CUARTA FILA--> <td>item9</td><!-- 3RA. CELDA DE LA CUARTA FILA--> </table> 7

8 <table border width = "120" height = "120"> <tr> <!-- SE INICIA LA 1ERA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO ITEM1, ITEM2, ITEM3 --> <td>item1</td><!-- 1ERA. CELDA DE LA 1ERA. FILA--> <td>item2</td><!-- 2DA. CELDA DE LA 1ERA. FILA --> <td>item3</td><!-- 3ERA. CELDA DE LA 1ERA. FILA--> <td rowspan = "2">ITEMS</td> <!-- PUEDE VERSE COMO LA CUARTA CELDA DE LA 1ERA. O 2DA. FILA. EL ATRIBUTO ROWSPAN INDICA QUE LA CELDA QUE LO POSEE TENDRA UN TAMAÑO EQUIVALENTE A VARIAS FILAS DE LA TABLA, EN ESTE CASO POSEE DOS FILAS--> <td>item4</td><!-- 1ERA. CELDA DE LA 2DA. FILA--> <td>item5</td><!-- 2DA. CELDA DE LA 2DA. FILA--> <td>item6</td><!-- 3ERA. CELDA DE LA 2DA. FILA--> </table> 8

9 <table border width = "120" height = "120"> <tr> <!-- SE INICIA LA 1ERA. FILA QUE CONTIENE EL TEXTO ITEM SUPERIOR Y QUE OCUPA UN ANCHO EQUIVALENTE A LAS 3 COLUMNAS QUE CONFORMAN LA TABLA --> <td COLSPAN = "3">ITEM SUPERIOR</td><!-- 1ERA. Y UNICA CELDA DE LA 1ERA. FILA. SE USA EL ATRIBUTO COLSPAN PARA DEFINIR QUE EL ANCHO SERA DE 3 COLUMNAS--> <tr><!-- SE INICIA LA 2DA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO ITEM1, ITEM2, ITEM3 --> <td>item1</td><!-- 1ERA. CELDA DE LA 2DA. FILA--> <td>item2</td><!-- 2DA. CELDA DE LA 2DA. FILA--> <td>item3</td><!-- 3ERA. CELDA DE LA 2DA. FILA--> <tr><!-- SE INICIA LA 3ERA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO ITEM4, ITEM5, ITEM6 --> <td>item4</td><!-- 1ERA. CELDA DE LA 3ERA. FILA--> <td>item5</td><!-- 2DA. CELDA DE LA 3ERA. FILA--> <td>item6</td><!-- 3ERA. CELDA DE LA 3ERA. FILA--> <tr><!-- SE INICIA LA 4TA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO ITEM7, ITEM8, ITEM9 --> <td>item7</td><!-- 1ERA. CELDA DE LA 4TA. FILA--> <td>item8</td><!-- 2DA. CELDA DE LA 4TA. FILA--> <td>item9</td><!-- 3ERA. CELDA DE LA 4TA. FILA--> <tr> <!-- SE INICIA LA 5TA. FILA QUE CONTIENE EL TEXTO ITEM INFERIOR Y QUE OCUPA UN ANCHO EQUIVALENTE A LAS 3 COLUMNAS QUE CONFORMAN LA TABLA --> <td COLSPAN = "3">ITEM INFERIOR</td><!-- 1ERA. Y UNICA CELDA DE LA 5TA. FILA. SE UTILIZA EL ATRIBUTO COLSPAN PARA DEFINIR QUE EL ANCHO DE CELDA SERA DE 3 COLUMNAS--> </table> 9

10 <table border width = "120" height = "120"> <tr> <!-- SE INICIA LA 1ERA. FILA QUE SE RELLENA CON 3 CELDAS QUE CONTIENEN EL TEXTO ITEM1, ITEM2, ITEM3 --> <td rowspan = "2">ITEM IZQ</td> <!-- PUEDE VERSE COMO LA 1ERA. CELDA DE LA 1ERA. O 2DA. FILA. EL ATRIBUTO ROWSPAN INDICA QUE LA CELDA QUE LO POSEE TENDRA UN TAMAÑO EQUIVALENTE A VARIAS FILAS DE LA TABLA, EN ESTE CASO POSEE DOS FILAS--> <td>item1</td><!-- 2DA. CELDA DE LA 1ERA. FILA--> <td>item2</td><!-- 3ERA. CELDA DE LA 1ERA. FILA --> <td>item3</td><!-- 4TA. CELDA DE LA 1ERA. FILA--> <td rowspan = "2">ITEM DER</td> <!-- PUEDE VERSE COMO LA 4TA. CELDA DE LA 1ERA. O 2DA. FILA. EL ATRIBUTO ROWSPAN INDICA QUE LA CELDA QUE LO POSEE TENDRA UN TAMAÑO EQUIVALENTE A VARIAS FILAS DE LA TABLA, EN ESTE CASO POSEE DOS FILAS--> <td>item4</td><!-- 1ERA. CELDA DE LA 2DA. FILA--> <td>item5</td><!-- 2DA. CELDA DE LA 2DA. FILA--> <td>item6</td><!-- 3ERA. CELDA DE LA 2DA. FILA--> </table> 10

(X)HTML. Tablas. Las tablas son grupos de celdas que contienen información.

(X)HTML. Tablas. Las tablas son grupos de celdas que contienen información. Las tablas son grupos de celdas que contienen información. Toda celda de una tabla puede albergar cualquier elemento disponible en una página web (siempre que pueda incluirse en el elemento body). Para

Más detalles

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar

Más detalles

Actividad 3: Codificación básica de un texto en HTML

Actividad 3: Codificación básica de un texto en HTML Actividad 3: Codificación básica de un texto en HTML Abrir un editor de texto, por ejemplo en nuestro caso notepad, después codificar los elementos básicos y guardar en una carpeta con la extensión.html

Más detalles

La etiqueta TABLE. Hay que cerrarla con </TABLE>

La etiqueta TABLE. Hay que cerrarla con </TABLE> La etiqueta TABLE La etiqueta sirve para crear tablas. Tiene diversos parámetros: Border: indica el borde de la tabla. Si se omite, el valor por defecto es 0. Cellpadding: varía el espacio que

Más detalles

7.1 Estructura Básica de jas Tablas

7.1 Estructura Básica de jas Tablas Las tablas permiten representar los elementos de una página en filas y columnas separadas entre si. Es una herramienta muy útil para ordenar contenidos de distintas partes de nuestra página. Las tablas

Más detalles

La primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es:

La primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es: TEMA P1. CURSO BÁSICO DE PROGRAMACIÓN EN LENGUAJE HTML HTML es un acrónimo de HiperText Markup Language que, traducido al español, quiere decir algo así como lenguaje de definición por marcas para hipertexto,

Más detalles

PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani

PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora continuaremos con el estudio de las páginas

Más detalles

1. Introducción a HTML

1. Introducción a HTML Introducción a HTML 1. Introducción a HTML 1. Introducción a HTML Qué es HTML? El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto estructurado,

Más detalles

Tema 5: La red de redes: Internet

Tema 5: La red de redes: Internet Tema 5: La red de redes: Internet > Qué es Internet? Todo el mundo habla de Internet: se hace referencia en clase, en revistas de moda, entre amigos... Acceder a una página web, hablar con los amigos a

Más detalles

HTML 2 / Atributos/etiquetas(Tags)

HTML 2 / Atributos/etiquetas(Tags) HTML 2 / Atributos/etiquetas(Tags) ATRIBUTOS bgcolor=#ff0000 Asigna un color en hexadecimal o en RGB a el fondo de todo el body ( la página) FGCOLOR="#00FF00" Asigna un color en hexadecimal

Más detalles

Manual básico de HTML

Manual básico de HTML Manual básico de HTML 1 Índice 1Estructura básica...3 Atributos de la etiqueta BODY...3 2Formación de parráfos:...4 Cabeceras / Headings...4 Párrafos / Paragraph...4 Múltiples espacios...4 Salto línea...5

Más detalles

HTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003

HTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 HTML guía rápida de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre HTML4 disponible en: http://www.w3.org/tr/html4/ Jorge Sánchez 2003 índice introducción...

Más detalles

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO PRIMER BIMESTRE GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML Y DREAMWEAVER

Más detalles

H T M L. Marquesinas y Listas U.A.C.M COMPUTACIÓN II. Prácticas

H T M L. Marquesinas y Listas U.A.C.M COMPUTACIÓN II. Prácticas Prácticas H T M L U.A.C.M COMPUTACIÓN II Marquesinas y Listas Práctica VII HTML Básico El objetivo es trabajar con dos elementos que nos darán un mejor aspecto a la información que se visualice en nuestra

Más detalles

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin

Más detalles

Construcción de tablas en HTML. Tablas. Bases de Datos 2012/2013. Luis Valencia Cabrera

Construcción de tablas en HTML. Tablas. Bases de Datos 2012/2013. Luis Valencia Cabrera Construcción de tablas en HTML. Tablas Bases de Datos 2012/2013 Luis Valencia Cabrera Contenido Tablas... 2 Estructura de una tabla... 2 Expansiones de celdas... 2 Marcos y divisiones... 3 Márgenes y separación

Más detalles

Práctica de HTML (Curso )

Práctica de HTML (Curso ) Práctica de HTML (Curso 2007-2008) Introducción HTML (Hypertext Markup Language) es un lenguaje estándar utilizado en Internet para representar la información intercambiada por sus usuarios en forma de

Más detalles

Tema 4. Contenido multimedia. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!

Tema 4. Contenido multimedia. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Tema 4. Contenido multimedia ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Hipertexto! Permiten conectar entre sí entre diferentes documentos, elementos

Más detalles

Apuntes básicos de HTML I.E.S. Pintor José María Fernández

Apuntes básicos de HTML I.E.S. Pintor José María Fernández Manual Básico de HTML Este manual lo he realizado con la intención de servir como primer contacto con el lenguaje HTML (Hyper Text Markup Language), que es el que se utiliza para la creación de páginas

Más detalles

EDICIÓN WEB CÓDIGO HTML

EDICIÓN WEB CÓDIGO HTML EDICIÓN WEB CÓDIGO HTML 1. Estructura básica de un documento HTML 1.1. Tipos de etiquetas. Etiqueta cerrada Mi página Web Etiqueta abierta Etiqueta con parámetros

Más detalles

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí.

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí. Internet Es una red de redes de ordenadores, que intercambian información basándose en el protocolo TCP/IP. Existen diversas formas de acceder a Internet: Correo electrónico, FTP, Videoconferencia, y la

Más detalles

Introducción: páginas web y navegadores

Introducción: páginas web y navegadores IB14 Informática Aplicada a la Construcción Creación de páginas web con HTML Introducción: páginas web y navegadores Una página web, pese a la gran cantidad de colores, imágenes e información que puede

Más detalles

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos)

Más detalles

Nociones basicas de HTML

Nociones basicas de HTML Nociones basicas de HTML Para comprender lo que veremos mas adelante es necesario tener conocimientos basicos de informatica e Internet en entorno Windows. Para hacer los ejercicios basta con un Navegador

Más detalles

HTML y XHTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014

HTML y XHTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 HTML y XHTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Etiquetas Contenido de una página web: Contenido (información). Instrucciones de estructura

Más detalles

DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML

DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML Una página web es un documento escrito empleando un lenguaje denominado HTML (Hyper text Markup language; Lenguaje de marcas de hipertexto).

Más detalles

DISEÑO DE PAGINAS CON HTML

DISEÑO DE PAGINAS CON HTML DISEÑO DE PAGINAS CON HTML CONCEPTOS HTML (Hyper Text Markup Language) Lenguaje con el que se escriben paginas web. Es un lenguaje de hipertexto. Permite escribir texto de forma estructurada. Compuesto

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2016 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 7 Nombre de la práctica: Uso de tablas en una página Web Lugar de ejecución: Laboratorio

Más detalles

Guía para creación de temas para editor de EditandSend

Guía para creación de temas para editor de EditandSend Guía para creación de temas para editor de EditandSend En este documento se describen las acciones que debe realizar el diseñador/maquetador para personalizar un tema y poder ser utilizado en el EDIT.

Más detalles

CREACION DE PÁGINAS WEB

CREACION DE PÁGINAS WEB CREACION DE PÁGINAS WEB CREAR LO QUE LLAMAREMOS SITIO WEB LOCAL En el escritorio del ordenador crear una carpeta llamada sitio web que sea donde guardes todos los archivos Dentro de ella guardaremos todos

Más detalles

Practicar las operaciones que hay que realizar para insertar una tabla y rellenar sus celdas.

Practicar las operaciones que hay que realizar para insertar una tabla y rellenar sus celdas. Practicar las operaciones que hay que realizar para insertar una tabla y rellenar sus celdas. Ejercicio 1: Crear y rellenar una tabla. 3. Selecciona el sitio Cocina en el panel 6. Sitúa el punto de inserción

Más detalles

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers Barra de navegación vertical con Botones rollovers_tic 1º Bachillerato página 1/8 1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers...1 1.1 Intro...1 1.2 Código HTML de la lista de vínculos...2 1.3

Más detalles

Imágenes y objetos IMÁGENES

Imágenes y objetos IMÁGENES IMÁGENES Y OBJETOS Imágenes y objetos 2 IMÁGENES Uno de los elementos más vistosos e importantes de las páginas web. Su introducción puede explicar de manera más fácil y agradable nuestra información al

Más detalles

Tutorial de Accesibilidad y el futuro de los elementos en HTML5 Tablas

Tutorial de Accesibilidad y el futuro de los elementos en HTML5 Tablas Tutorial de Accesibilidad y el futuro de los elementos en HTML5 Tablas 1er Evento Internacional de Gobierno Electrónico 2011 en Uruguay 4 de mayo de 2011 Reinaldo Ferraz NIC.br Quién se beneficia con la

Más detalles

HTML-5 / DIVS + IFRAMES. Prof: Moisés Mañas Moimacar@esc.upv.es

HTML-5 / DIVS + IFRAMES. Prof: Moisés Mañas Moimacar@esc.upv.es HTML-5 / DIVS + IFRAMES Prof: Moisés Mañas Moimacar@esc.upv.es Básico Define una división o sección en un documento Atributos: align= left/right/center/justify Alineación de la división

Más detalles

DISEÑO DE PÁGINAS WEB

DISEÑO DE PÁGINAS WEB DISEÑO DE PÁGINAS WEB formacion@prodetur.es Telf.: 954 486 800 Mairena del aljarafe, 18 de abril de 2016 PRINCIPIOS BÁSICOS DE HOSTING DOMINIOS Dos tipos de dominios en Internet: gtld.- Dominios genéricos

Más detalles

3.2. MODIFICAR TABLAS. APLICAR FORMATO A LAS TABLAS.

3.2. MODIFICAR TABLAS. APLICAR FORMATO A LAS TABLAS. 79 3.2. MODIFICAR TABLAS. APLICAR FORMATO A LAS TABLAS. Si necesitas diseñar y decorar tablas de forma rápida y profesional, Word tiene la opción de aplicar estilos de tabla predefinidos. Estos estilos

Más detalles

ACTIVIDADES PÁGINAS WEB

ACTIVIDADES PÁGINAS WEB ACTIVIDADES PÁGINAS WEB PRÁCTICA 1: Plantilla Nuestro primer ejercicio consiste en diseñar una plantilla de documento HTML para iniciar rápidamente todas nuestras páginas y ahorrarnos escribir los elementos

Más detalles

PRÁCTICA 3: DISEÑO DE PLANTILLAS WEB

PRÁCTICA 3: DISEÑO DE PLANTILLAS WEB PRÁCTICA 3: DISEÑO DE PLANTILLAS WEB Las plantillas son herramientas de las que disponemos para crear un formato determinado para que todas las páginas tengan unas características similares, de forma que

Más detalles

COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO

COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML

Más detalles

LÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B)

LÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) APRENDERAPROGRAMAR.COM LÍNEAS SEPARADORAS. ETIQUETA . COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

CREAR TABLAS EN WORD

CREAR TABLAS EN WORD CREAR TABLAS EN WORD 1º.-Crear tablas. Para crear una tabla en Word hay que ir al menú Insertar y luego pinchar en Tabla Tras hacerlo nos aparecerá un desplegable con una cuadrícula. No tenemos más que

Más detalles

PROPIEDAD POSITION CSS: STATIC, RELATIVE, ABSOLUTE, FIXED. TOP, RIGHT, BOTTOM, LEFT. EJEMPLOS EJERCICIOS DE POSICIONAMIENTO RESUELTOS (CU01032D)

PROPIEDAD POSITION CSS: STATIC, RELATIVE, ABSOLUTE, FIXED. TOP, RIGHT, BOTTOM, LEFT. EJEMPLOS EJERCICIOS DE POSICIONAMIENTO RESUELTOS (CU01032D) APRENDERAPROGRAMAR.COM PROPIEDAD POSITION CSS: STATIC, RELATIVE, ABSOLUTE, FIXED. TOP, RIGHT, BOTTOM, LEFT. EJEMPLOS EJERCICIOS DE POSICIONAMIENTO RESUELTOS (CU01032D) Sección: Cursos Categoría: Tutorial

Más detalles

CREAR TABLAS EN HTML. ATRIBUTOS COLSPAN Y ROWSPAN. UNIFICAR CELDAS EN HORIZONTAL Y VERTICAL. CAPTION O TÍTULO (CU00719B)

CREAR TABLAS EN HTML. ATRIBUTOS COLSPAN Y ROWSPAN. UNIFICAR CELDAS EN HORIZONTAL Y VERTICAL. CAPTION O TÍTULO (CU00719B) APRENDERAPROGRAMAR.COM CREAR TABLAS EN HTML. ATRIBUTOS COLSPAN Y ROWSPAN. UNIFICAR CELDAS EN HORIZONTAL Y VERTICAL. CAPTION O TÍTULO (CU00719B) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML

MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con

Más detalles

MANUAL PRACTICO DE HTML

MANUAL PRACTICO DE HTML MANUAL PRACTICO DE HTML 1 La estructura tiene tres partes cabeza, cuerpo, cierre o fin. MI PC... Aquí iría el contenido que ve el usuario final

Más detalles

Prácticas H T M L U.A.C.M COMPUTACIÓN II

Prácticas H T M L U.A.C.M COMPUTACIÓN II Prácticas H T M L U.A.C.M COMPUTACIÓN II M a r c o s Práctica VI HTML Básico El primer objetivo de esta práctica es familiarizarse con el uso de los marcos y posteriormente ubicar la forma de como podemos

Más detalles

Para instalar la radio en la PC sólo se tiene que seguir estos paso.

Para instalar la radio en la PC sólo se tiene que seguir estos paso. Inicio de servicio: 3 de Marzo del 2008 Para instalar la radio en la PC sólo se tiene que seguir estos paso. 1.- Bajar estos dos programas e instalar en nuestra PC http://www.tuwebhost.com/descargas/1.exe

Más detalles

Páginas multimedia Dashboard www.webardora.net

Páginas multimedia Dashboard www.webardora.net En este tipo de página web podremos crear una tabla con una serie de celdas independientes (las celdas pueden combinarse) susceptibles de incluir diversos tipos de contenido inicial y asociar diversas

Más detalles

CUADERNILLO DE PRÁCTICAS

CUADERNILLO DE PRÁCTICAS UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO CUADERNILLO DE PRÁCTICAS Aplicaciones Educativas WEB CUADERNILLO DE PRÁCTICAS Introducción Las posibilidades que brindan las tecnologías de la información

Más detalles

Curso de HTML 4.0. 1. Introducción al curso. Requisitos. Agradecimientos

Curso de HTML 4.0. 1. Introducción al curso. Requisitos. Agradecimientos Curso de HTML 4.0 1. Introducción al curso Este curso ha nacido con la intención de complementar a aquellos interesados en crear y diseñar páginas en Internet. Así podrás comprender mejor de donde surge

Más detalles

PRÁCTICAS DE EXCEL PARTE 1

PRÁCTICAS DE EXCEL PARTE 1 PRÁCTICA EMPRESARIAL 5TO AÑO PRÁCTICAS DE EXCEL PARTE 1 EJERCICIOS 1 A 5 Tema: Formatos Gestión de Hojas Gestión de Filas y Columnas Ejercicio 1: Trabajar con la planilla Formatos- Manejo de filas y columnas.xls.

Más detalles

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho

Más detalles

Abril 2005. Jordi Llonch jordi@laigu.net. Basado en los cursos de: http://www.webestilo.com/html/ http://www.webestilo.com/css/

Abril 2005. Jordi Llonch jordi@laigu.net. Basado en los cursos de: http://www.webestilo.com/html/ http://www.webestilo.com/css/ Abril 2005 Jordi Llonch jordi@laigu.net Basado en los cursos de: http://www.webestilo.com/html/ http://www.webestilo.com/css/ http://creativecommons.org/licenses/by-sa/2.0/ 2 Conceptos básicos World Wide

Más detalles

Tablas en HTML. Tipos de celdas. Ing. Tomás Urbina Programación Web y Desarrollo de la Plataforma Web

Tablas en HTML. Tipos de celdas. Ing. Tomás Urbina Programación Web y Desarrollo de la Plataforma Web Tablas en HTML Ing. Tomás Urbina Programación Web y Desarrollo de la Plataforma Web Una tabla HTML puede ser considerada de manera simple como un grupo de filas donde cada una de ellas contiene un grupo

Más detalles

Microsoft Excel. Manejo de Software para Microcomputadoras

Microsoft Excel. Manejo de Software para Microcomputadoras Microsoft Excel Manejo de Software para Microcomputadoras Como comenzó todo? Lotus 1-2-3... La competencia principal iba a ser Lotus 1-2-3, el cual creció hasta convertirse en líder del mercado. No obstante,

Más detalles

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Tema 3. Conceptos Básicos de HTML ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Lenguajes de descripción! Grupo de lenguajes que describen cómo representar

Más detalles

Páginas multimedia Pizarra www.webardora.net

Páginas multimedia Pizarra www.webardora.net Página donde el usuario tiene un espacio (pizarra) para crear sus propias composiciones con gráficos y textos previamente insertados por el autor; además de poder escribir sus propios textos: PESTAÑA IMÁGENES

Más detalles

EXCEL I UNIDAD 1 EMPEZANDO A TRABAJAR CON EXCEL (SEMANA 1)

EXCEL I UNIDAD 1 EMPEZANDO A TRABAJAR CON EXCEL (SEMANA 1) EXCEL I UNIDAD 1 EMPEZANDO A TRABAJAR CON EXCEL (SEMANA 1) 1.1.- Conceptos de Excel EXCEL: es una aplicación para crear hojas de cálculo que está divida en filas y columnas, al cruce de estas se le denomina

Más detalles

Bases del HTML CÓMO SE HACE LA WEB ENTENDIENDO LA ESTRUCTURA DE HTML. Sesión 3 10/09/14. Orígenes. Orígenes

Bases del HTML CÓMO SE HACE LA WEB ENTENDIENDO LA ESTRUCTURA DE HTML. Sesión 3 10/09/14. Orígenes. Orígenes 10/09/14 CÓMO SE HACE LA WEB LO QUE VES Bases del HTML CÓMO ES CREADA Sitios pequeños utilizan solamente HTML y CSS. Sesión 3 Sitios más grandes usan CMS, herramientas de blog o comercio de e-commerce.

Más detalles

4º Unidad Didáctica. Lenguaje HTML. Eduard Lara

4º Unidad Didáctica. Lenguaje HTML. Eduard Lara 4º Unidad Didáctica Lenguaje HTML Eduard Lara 1 ÍNDICE 4.1 Lenguaje HTML 4.2 Etiquetas HTML 4.3 Estructura del documento HTML 4.4 Texto en HTML en HTML 4.5 Hiperenlaces en HTML 4.6 Imágenes en HTML 4.7

Más detalles

Dar formato a la hoja de cálculo

Dar formato a la hoja de cálculo Dar formato a la hoja de cálculo Dar formato a la Hoja de Cálculo Podemos modificar el aspecto de la información de las celdas seleccionadas, para esto utilizaremos las opciones de la ficha Inicio de la

Más detalles

Manual de Plantillas para Listados

Manual de Plantillas para Listados 1 Manual de Plantillas para Listados www.sagasoluciones.com info@sagasoluciones.com C/ Salado 11 Local 10. 41010 Sevilla T. + 34 954 45 72 75 F. + 34 954 45 75 72 CONTROL DEL DOCUMENTO Realizado 21/09/2010

Más detalles

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales.

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales. 1 Que es CSS3? El CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando ese documento (la hoja CSS) podamos cambiar la estética entera de un sitio

Más detalles

Herramientas para crear páginas.

Herramientas para crear páginas. Herramientas para crear páginas. Herramientas para la creación de páginas Web. Como hemos visto resulta sencillo pero engorroso escribir directamente en HTML. Por ello es más sencillo utilizar un editor

Más detalles

EJERCICIOS DE EXCEL BÁSICO

EJERCICIOS DE EXCEL BÁSICO 1. Abre un libro Excel y crea en el mismo el siguiente ejercicio. Llámalo PRESUPUESTO EMPRESA MARTÍNEZ GASTOS MENSUALES ENERO FEBRERO MARZO ABRIL MAYO JUNIO SUMINISTROS 5000 5000 5000 5000 5000 5000 GASTOS

Más detalles

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras

Más detalles

Manual de NVU Capítulo 3: Trabajando con tablas

Manual de NVU Capítulo 3: Trabajando con tablas Manual de NVU Capítulo 3: Trabajando con tablas Pág. 1 Manual de NVU Capítulo 3: Trabajando con tablas Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero (Universidad

Más detalles

Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD. Lenguaje HTML. Clase 7 Clase 8

Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD. Lenguaje HTML. Clase 7 Clase 8 Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD Lenguaje HTML Clase 7 Clase 8 Exposición 4.6. Fuentes Tamaño de las fuentes: Texto En el nuevo estándar HTML 3.2 se admite

Más detalles

Profesor: Víctor Cárdenas Schweiger

Profesor: Víctor Cárdenas Schweiger Profesor: Víctor Cárdenas Schweiger 2014 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de

Más detalles

B1 Print & Delivery Ejemplo Sistema de recordatorio de fechas de vencimiento.

B1 Print & Delivery Ejemplo Sistema de recordatorio de fechas de vencimiento. B1 Print & Delivery Ejemplo Sistema de recordatorio de fechas de vencimiento. Resumen Modulo B1 Print & Delivery Nivel Avanzado Requerimientos B1UP 6.2.0 Escenario En este ejemplo utilizaremos el módulo

Más detalles

Crear una página Html con el Editor.

Crear una página Html con el Editor. Crear una página Html con el Editor. El Editor de Páginas HTML de RODAS permite a los usuarios crear, cargar y editar una serie de páginas web HTML que se almacenará en Mis Objetos o en una colección durante

Más detalles

Curso Básico Word 2003 Unidad 3

Curso Básico Word 2003 Unidad 3 BORDES Y SOMBREADO... 18 Descripción... 18 Bordes... 19 Valor... 19 Estilo... 19 Color... 19 Ancho... 19 Vista previa... 19 Aplicar a... 19 Bordes de página... 21 Sombreado... 21 Botón de Borde exterior

Más detalles

OPERACIONES DE GRABACIÓN Y TRATAMIENTO DE DATOS Y DOCUMENTOS: Procesadores de textos y presentaciones de información básicos

OPERACIONES DE GRABACIÓN Y TRATAMIENTO DE DATOS Y DOCUMENTOS: Procesadores de textos y presentaciones de información básicos OPERACIONES DE GRABACIÓN Y TRATAMIENTO DE DATOS Y DOCUMENTOS: Procesadores de textos y presentaciones de información básicos Objetivos Ofrecer una visión general sobre el tratamiento de la información

Más detalles

Programación de aplicaciones WEB

Programación de aplicaciones WEB Programación de aplicaciones WEB Tecnologías del lado del del cliente 1 Tecnologías del lado del cliente Estructura HTML/XHTML Presentación Hojas de estilo (CSS) Comportamiento JavaScript 2 Introducción

Más detalles

Prácticas con... HTML. Luis Escandell Gómez Enero de 2.007

Prácticas con... HTML. Luis Escandell Gómez Enero de 2.007 Prácticas con HTML Luis Escandell Gómez Enero de 2.007 1 Práctica 1 - Introducción a HTML (1) A lo largo de estas prácticas vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear

Más detalles

Tema: Texturas. Corel Texture.

Tema: Texturas. Corel Texture. Fecha: 28 de Abril, 2012. Tema: Texturas. Corel Texture. Se puede aplicar color a los objetos, también perfilar los colores agregando color degradado al utilizar las herramientas Relleno Interactivo y

Más detalles

Páginas web ::: Tablas Diseño de materiales multimedia. Web 2.0. 1.6 Tablas

Páginas web ::: Tablas Diseño de materiales multimedia. Web 2.0. 1.6 Tablas 42 1.6 Tablas 43 1.6 Tablas 1.6.1 Introducción Las tablas están formadas por filas (horizontales) y columnas (verticales), y el espacio en que intersectan se denominan celdas. Aunque es una práctica muy

Más detalles

Lola Maicas 1 PORTADA 2 BARRA DE HERRAMIENTAS

Lola Maicas 1 PORTADA 2 BARRA DE HERRAMIENTAS 1 PORTADA 2 BARRA DE HERRAMIENTAS TABLAS 3 TABLAS 4 TABLAS 2ª PARTE 5 FORMA DE SELECCIONAR 6 COMBINAR CELDAS 7 CONVERTIR TEXTO EN TABLA 8 PROPIEDADES DE TABLA 9 SUMAS 10 RESTAS 11 MULTIPLICAR Y DIVIDIR

Más detalles

ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ

ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ Página1 CREACIÓN DE LA BASE DE DATOS EN MySQL REGISTRO DE USUARIOS UTILIZANDO PHP CON MYSQL Una vez instalada nuestro servidor local de Apache, procedemos a crear

Más detalles

ESTRUCTURA DE UN DOCUMENTO HTML

ESTRUCTURA DE UN DOCUMENTO HTML HTML HTML (HyperText Markup Language) es el código en el que se escriben los documentos de hipertexto leídos por los navegadores web, de tal forma que éstos reciben indicaciones sobre cómo debe presentarse

Más detalles

MANUAL Y ACTIVIDADES. Edublogg.wordpress.com. Caeiro Fábregas - Pérez

MANUAL Y ACTIVIDADES. Edublogg.wordpress.com. Caeiro Fábregas - Pérez MANUAL Y ACTIVIDADES Caeiro Fábregas - Pérez INDICE Conocer la ventana de trabajo de Excel 3 Actividad 1 4 Cambiar ancho de columnas 5 Combinar celdas 5 Color de relleno 6 Bordes 6 Alinear el texto 7 Utilizar

Más detalles

Sistemas Conexionistas

Sistemas Conexionistas 1 Objetivo Sistemas Conexionistas Curso 2011/2012 El objetivo de esta práctica es usar un conjunto de redes de neuronas artificiales para abordar un problema de reconocimiento de figuras sencillas en imágenes

Más detalles

Introducción...1. Capítulo 1: Instalación de Altova XML Suite...3. 1. Objetivos del capítulo...3. 2. Instalación de Altova XML Suite...

Introducción...1. Capítulo 1: Instalación de Altova XML Suite...3. 1. Objetivos del capítulo...3. 2. Instalación de Altova XML Suite... Introducción...1 Capítulo 1: Instalación de Altova XML Suite...3 1. Objetivos del capítulo...3 2. Instalación de Altova XML Suite...3 2.1. Requerimientos previos a la instalación...3 2.2. Procedimiento

Más detalles

INFORMÁTICA 4º ESO. Crear una tabla. Para insertar una tabla en una diapositiva sigue estos pasos: Desde la barra de menú: Insertar Tabla

INFORMÁTICA 4º ESO. Crear una tabla. Para insertar una tabla en una diapositiva sigue estos pasos: Desde la barra de menú: Insertar Tabla POWERPOINT Trabajar con tablas y Gráficos En una diapositiva además de insertar texto, gráficos, etc también podemos insertar tablas que nos permitirán organizar mejor la información. Las tablas de PowerPoint

Más detalles

Instituto Politécnico Nacional

Instituto Politécnico Nacional Instituto Politécnico Nacional Escuela Superior de Ingeniería Mecánica y Eléctrica Ingeniería en Comunicaciones y Electrónica Desarrollo de Aplicaciones Web para los Sistemas de Selección de Tópicos y

Más detalles

SOMBRAS CON CSS ver. 2

SOMBRAS CON CSS ver. 2 Sombras con CSS para Diseño WEB ver. 2_TICO 1º Bachillerato página 1/6 SOMBRAS CON CSS ver. 2...1 Procedimiento 1: Diseño con Gimp 2.6 de una sombra...2 Procedimiento 2: Diseño Web con Kompozer...3 Código

Más detalles

Hacemos clic con el ratón para situar el cursor donde queremos que aparezca la tabla. Nos vamos a la barra de Menús, Insertar, Tabla

Hacemos clic con el ratón para situar el cursor donde queremos que aparezca la tabla. Nos vamos a la barra de Menús, Insertar, Tabla 8.- Composer: Tablas 8.1. Insertar una tabla Hacemos clic con el ratón para situar el cursor donde queremos que aparezca la tabla. Nos vamos a la barra de Menús, Insertar, Tabla Aparecerá el cuadro de

Más detalles

Apuntes de LATEX. Capítulo 8: Manipulación avanzada de texto

Apuntes de LATEX. Capítulo 8: Manipulación avanzada de texto Apuntes de LATEX Capítulo 8: Manipulación avanzada de texto 1. Cajas y marcos El modo de trabajo de L A TEX se basa en cajas, que compone de modo igual al cajista de una imprenta; cada carácter es una

Más detalles

HTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE

HTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE HTML HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE Se elaboró un protocolo para soportar e envío de información por la red. HTTP (Hyper Text Transfer Protocol)

Más detalles

Diseño gráfico de páginas web

Diseño gráfico de páginas web Diseño gráfico de páginas web HTML 4.0, hojas de estilo y uso de JavaScript en HTML dinámico EJERCICIOS Universidad de Oviedo Área de Expresión Gráfica en la Ingeniería Abril-Mayo de 2000 E.T.S.I.I.I.G.

Más detalles

Lectura No. 7. Contextualización. Nombre: Programa integrador de medios DISEÑO DIGITAL 1

Lectura No. 7. Contextualización. Nombre: Programa integrador de medios DISEÑO DIGITAL 1 Diseño Digital DISEÑO DIGITAL 1 Lectura No. 7 Nombre: Programa integrador de medios Contextualización En estos días la importancia de tener un sitio web se ha vuelto fundamental para que las empresas y

Más detalles

PINs codificados. Tecnología de la Información. HTML. Escribir en el Bloc de Notas lo siguiente:

PINs codificados. Tecnología de la Información. HTML. Escribir en el Bloc de Notas lo siguiente: Escribir en el Bloc de Notas lo siguiente: Guardar este archivo como plantilla.htm. Este archivo tiene las etiquetas básicas de todo documento

Más detalles

5.- Crear páginas web con Nvu

5.- Crear páginas web con Nvu 5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas

Más detalles

TABLAS WORD La tercer opción es usar el vínculo Dibujar Tabla, aquí se dimensiona la tabla dibujándola con el mouse

TABLAS WORD La tercer opción es usar el vínculo Dibujar Tabla, aquí se dimensiona la tabla dibujándola con el mouse TABLAS WORD 2007 Las tablas permiten organizar la información en filas y columnas, de forma que se pueden realizar operaciones y tratamientos sobre las filas y columnas. Una tabla está formada por celdas

Más detalles

EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO)

EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO) EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO) 1) INSTALACIÓN 2) CREAR LA ESTRUCTURA DE CARPETAS 3) ABRIR EL PROGRAMA 4) GUARDAR LA PÁGINA WEB 5) CERRAR EL PROGRAMA 6) ABRIR EL ARCHIVO HTML DESDE EL KOMPOZER

Más detalles

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 3 Box

Más detalles

Maribel Martínez y Ginés Ciudad-Real Fichas para mejorar la atención MATRIZ DE LETRAS

Maribel Martínez y Ginés Ciudad-Real Fichas para mejorar la atención MATRIZ DE LETRAS MATRIZ DE LETRAS p q d b p p b n g b n w n w n n w b p q d b p q d n w n g b n p q p q p q d b p n g n g n g b n w n d b d b b p q d b b n b n n w n g b n p q p q p q d b p n g n g n g b n w n d b d b

Más detalles

Páginas Web Barcelona

Páginas Web Barcelona Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML

Más detalles

Práctica 10: Tablas. B12. Informática I. Curso 2001/2002 INFORMÁTICA I B12. Departament d Enginyeria i Ciència dels Computadors

Práctica 10: Tablas. B12. Informática I. Curso 2001/2002 INFORMÁTICA I B12. Departament d Enginyeria i Ciència dels Computadors Departament d Enginyeria i Ciència dels Computadors Práctica 10: Tablas B12. Informática I. Curso 2001/2002 Profesores: Julio Pacheco Juanjo Murgui Raul Montoliu Mª Carmen Ortiz Diciembre 2001 1 10.1 Definición

Más detalles