APRENDE A CREAR TUS PROPIAS TABLAS DE HTML POR MARIA CATALINA GUTIERREZ PEÑA.

Slides:



Advertisements
Presentaciones similares
Ricardo Ferrís Castell
Advertisements

Repaso desde HTML a XHTML
HTML PROGRAMACION WEB.
Laboratorio 5 Hojas de Estilo CSS
Herramientas Ofimáticas Insertar tablas. Insertar tablas Ficha Insertar Grupo tablas Comando : – Insertar tabla – Definir en el panel el numero de columnas.
Bases de datos con MYSQL
Marcos y multimedia con html
Lenguaje de definición
T a b l a s.
FORMATEANDO EN MICROSOFT OFFICE
Etiqueta Título Los títulos o encabezamientos se emplean al comienzo de una sección. Las etiquetas que se usan son: Los títulos o encabezamientos se emplean.
DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,
Ing. Eddye Sánchez Castillo
USECAD 2008 HTML Y PHP (BÁSICO).
Estructura de Documento Atributos 1. Atributos Básicos id, class, style, title 2. Atributos para Internacionalización lang, xml:lang, dir 3. Atributos.
HTML Conceptos básicos.
DOCENTE: Ing. Eddye Sánchez Castillo
QUE ES HTML? HTML es el lenguaje con el que al escribir etiquetas creamos páginas web. Las páginas se visualizan por medio de un navegador (Internet Explorer,
DISEÑO SITIOS WEB CON HTML Los sitios html comienzan con el código de inicio y terminan con el código Así que ponemos Los sitios html se dividen en un.
Lenguaje XHTML Instituto de Educación Superior Tecnológico Publico de «La Joya» Computación e Informática Ing. Wilfredo Chávez Ilasaca.
Hypertext Markup Language HTML
Sandra Constanza Rubiano
Disposición de la división de las páginas: La zona de contenido principal tendrá 25 píxeles de espacio en blanco en la parte izquierda superior. /*División.
HTML con Dreamweaver (parte 2)
HTML (Hyper Text Markup Language) Lenguaje con el que se escriben paginas web. Es un lenguaje de hipertexto. Permite escribir texto de forma estructurada.
Php y MySql Informática aplicada. Marcas Un documento HTML (Hyper Text Mark Languaje) esta compuesto por marcas o etiquetas. Las marcas delimitan elementos.
Ingeniero de Sistemas – Universidad de Los Andes
HTML HT HiperText ML Markup Language. 1986: La organización internacional de Estándares publica el SGML (Standard Generalized Markup Language) 1990: Tim.
TAMAÑO Y ORIENTACIÓN DEL PAPEL
Por principio un DIV, aunque su contenido sea muy pequeño ocupa todo el ancho de su padre generalmente el body, ya que son elementos de bloque. Recordar.
POW Tema 4: Mas sobre Hojas de Estilo. 2 Posicionamiento y Visualización Los factores que se tienen en cuenta para generar cada caja de las que se muestran.
DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB Elaboración de documentos web mediante lenguajes de marcas Posicionamiento con CSS.
 RELACIÓN O TABLA (RELATION, TABLE): LISTA DE VALORES CON UN NOMBRE, DONDE CADA VALOR ES UNA FILA (REGISTRO), COMPUESTO POR 1 O MÁS COLUMNAS (CAMPOS).
Profesora: Laura Patricia Pinto Prieto. Tablas  Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección.
HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
1  ¿ Qué es un sitio web ?  Colección de páginas web dotadas de una dirección web única  ¿ Qué es un página web ?  Es un documento creado en lenguaje.
Lenguaje de definición
Etiquetas para el trabajo con Marcos
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
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.
Listas Una lista permite organizar la totalidad o parte de un documento HTML estructurándolo de la forma más clara posible para hacerlo más perceptible.
Líneas Horizontales Las líneas horizontales son de gran ayuda para separar secciones de texto o incluso como decoración. La etiqueta permite dibujar una.
HTML.
Tamaños y tipos de letra en HTML Para definir distintos tamaños de letra, en HTML se utiliza el elemento lleno donde x es un número que puede variar entre.
Introducción a las Tecnologías Informáticas Oscar Bedoya
TABLA EN HTML Celda 1Celda2celda3 Celda 4Celda 5Celda 6 Celda 1 Celda 2 Celda 3 Celda 4 Celda 5 Celda 6.
Imágenes.
Estructura de un documento HTML Opcionalmente los documentos escritos en HTML empezarán por la marca y finalizarán con la marca. Esta marca tan solo sirve.

Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
Marcos en HTML 4 Permiten presentar múltiples documentos en una ventana. 4 Hay exploradores que no soportan marcos. (Uso de NOFRAMES) 4 No conocemos el.
HTML.
CODIGO HTML HTML, siglas de HyperText Markup Language
Diseño Web y Multimedia 1 Clase 4 Docente: Josué Fortis.
Pasos para elaborar Tablas en HTML Para empezar crearemos una tabla sencilla de dos filas y dos elementos. Vayamos por pasos: 1.En primer lugar ponemos.
HTML HyperText Markup Language
HTML BASICO CLASE 1. QUE ES HTML? HyperText Markup Language (Lenguaje de Marcado de Hipertexto) Etiquetas con Corchetes Angulares () Desciende del SGML.
TRABAJO MONOGRÁFICO – 4º ESO
Tablas Las tablas en HTML utilizan los mismos conceptos de filas, columnas, cabeceras y títulos que los que se utilizan en cualquier otro entorno de publicación.
HTML. INTRODUCCIÓN A LOS MARCOS HTML Los marcos HTML permiten presentar documentos con vistas múltiples, que pueden ser ventanas o subventanas independientes.
Clase 3 IMÁGENES Existen tres tipos de formato de imágenes que se pueden Insertar en un documento HTML: JPEG GIF PNG.
Diseño de una publicación digital Curso: Medios digitales Dra. Lyudmyla Yezers´ka.
El color El tamaño del texto Tipo de letra Listas.
HTML.
INTRODUCCIÓN HTML. QUE ES HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. HTML es un lenguaje de hipertexto.
HTML Listas y Tablas en HTML. Listas Las listas se usan para clasificar y ordenar elementos de texto dentro del código HTML. es la etiqueta para realizar.
Las tablas nos permite representar y ordenar cualquier elemento de nuestra presentación en diferentes filas y columnas de modo que podamos resumir grandes.
Transcripción de la presentación:

APRENDE A CREAR TUS PROPIAS TABLAS DE HTML POR MARIA CATALINA GUTIERREZ PEÑA

 La etiqueta encierra todas las filas y columnas de la tabla. Las etiquetas (del inglés "table row") definen cada fila de la tabla y encierran todas las columnas. Por último, la etiqueta (del inglés "table data cell") define cada una de las columnas de las filas, aunque realmente HTML no define columnas sino celdas de datos. TABLAS

DEFINIR TABLA  Al definir una tabla, se debe pensar en primer lugar en las filas que la forman y a continuación en las columnas. El motivo es que HTML procesa primero las filas y por eso las etiquetas aparecen antes que las etiquetas.

ETIQUETAS y son las etiquetas donde está contenida la tabla y son las etiquetas que indican el comienzo y fin de una fila ( y si es una fila de cabecera) y señalan una celda.

ATRIBUTOS  BORDER="4". Indica el tamaño del borde en píxels. Si no se indica nada carece de borde  WIDTH="5" o WIDTH="50%". Es el ancho de la tabla, puede especificarse en valor absoluto (5 píxels) o como un porcentaje (50% del ancho disponible)

 CELLSPACING="2". Es el espacio entre las celdas, por defecto es 2  CELLPADDING="5". Es el espacio entre el contenido de las celdas y el borde de las mismas, por defecto es 1  ALIGN=" left", "right", "center". Alinea la tabla a la izquierda, derecha o en el centro. ATRIBUTOS

 abbr = "texto" - Permite describir el contenido de la celda (empleado sobre todo en los navegadores utilizados por personas discapacitadas)  headers = "lista_de_id" - Indica las celdas que actúan como cabeceras para esta celda (los títulos de las columnas y filas). Se indica como una lista de valores del atributo "id" de celdas ATRIBUTOS

 scope = "col, row, colgroup, rowgroup" - Indica las celdas para las que esta celda será su cabecera. Ej: scope="col" indica que esta celda es la cabecera de todas las demás celdas que están en la misma columna  colspan = "numero" - Número de columnas que ocupa esta celda  rowspan = "numero" - Número de filas que ocupa esta celda ATRIBUTOS