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.

Slides:



Advertisements
Presentaciones similares
Ricardo Ferrís Castell
Advertisements

CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 2) Ricardo Ferrís Castell ( ) Departament D Informàtica.
Repaso desde HTML a XHTML
Visualización de documentos XML con CSS
Marcos y multimedia con html
Lenguaje de definición
Guía de autoaprendizaje
HTML Formato al texto.
T a b l a s.
Hypertext Markup Language HTML
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,
Características del HTML Multiplataforma Simple Está en todos lados No es más que simple texto Libre.
Ing. GISCARD MARQUEZ VALVERDE.
Ing. Eddye Sánchez Castillo
HTML/CSS Marcas básicas.
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)
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
CSS div.
DISEÑO DE PAGINAS CON HTML
Php y MySql Informática aplicada. Marcas Un documento HTML (Hyper Text Mark Languaje) esta compuesto por marcas o etiquetas. Las marcas delimitan elementos.
HTML HT HiperText ML Markup Language. 1986: La organización internacional de Estándares publica el SGML (Standard Generalized Markup Language) 1990: Tim.
¿CÓMO ESCRIBIR CON WRITER?
Es la tercera etiqueta de Excel de la banda de opciones.
Página web por HTML.
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.
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.
Elementos de una tabla:
CLASE 5 “Redacción de noticias y Lenguaje HTML para la creación y mejora de páginas web” Lics. en Periodismo y Comunicación Social FCH-UNSL (Año 2014)
APRENDE A CREAR TUS PROPIAS TABLAS DE HTML POR MARIA CATALINA GUTIERREZ PEÑA.
Ing. Eddye Sánchez Castillo
L i s t a s. Listas. HTML proporciona una etiqueta que permite generar en los documentos Web un listado, al cual se permite configurar una numeración.
WORLD WIDE WEB Lenguaje HTML
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.
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.
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.
¿CÓMO ESCRIBIR CON WRITER? Al escribir con Writer no debemos preocuparnos porque la línea se acabe. Si continuamos escribiendo veremos que cuando no quepa.
Instituto Tecnológico Superior “Daniel Álvarez Burneo” Propiedades de Tipo, Fondo, Bloque, Borde de CSS Integrantes: Anita Carrión Mercedes Rodríguez María.
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.
HTML.
CODIGO HTML HTML, siglas de HyperText Markup Language
Diseño Web y Multimedia 1 Clase 4 Docente: Josué Fortis.
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.
A continuación podrás conocer y llevar a cabo las operaciones propias de Configuración de Página en CALC. Haz click en el botón destacado.
Clase 3 IMÁGENES Existen tres tipos de formato de imágenes que se pueden Insertar en un documento HTML: JPEG GIF PNG.
TABLAS EN PROCESADOR WRITER. INSERTAR UNA TABLA Método 1 Menú TABLA Opción INSERTAR / TABLA Método 2 Presionar Ctrl + F12 En la ventana que aparece se.
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.
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
MITZI MELINA GARCIA H. PROF. AZUCENA CERVANTES COLEGIO BUCERIAS 1B
Transcripción de la presentación:

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 al lector. Las listas se utilizan para dividir el documento asi como para efectuar numeraciones de objetos, pero la diferencia con los procesadores de texto es que no permite la numeración automática para niveles jerárquicos diferentes: 1.Archivos HTML 2.Archivos de texto 3.Archivos de imágenes es posible automáticamente Archivos de sonido 1.1 Archivos WAV 2. Archivos de imágenes 2.1 Archivos GIF 2.2 Archivos BMP no es posible automáticamente...

UL (Listas o Ordenadas) La marca permite generar listas no ordenadas, cada uno de los elementos de la lista irá precedido por un símbolo (fijo por defecto) que puede variar según el nivel de anidamiento de la lista. Ejemplo: Ejemplo de lista no ordenada archivo HTML archivo de imagen archivo de sonido archivo de vídeo Ejemplo de lista no ordenada archivo HTML archivo de imagen archivo de sonido archivo de vídeo

Atributos Los puntos gruesos se pueden cambiar usando el atributo TYPE con tres valores (el valor por defecto es DISC). Con el valor CIRCLE se verá: Primera línea Segunda línea o Primera línea o Segunda línea También puede usarse el valor SQUARE. Así: Primera línea LI>Segunda línea  Primera línea  Segunda línea

OL (Listas Ordenadas) La marca se utiliza para una lista ordenada o numerada. Cada marca incrementará el número que se visualizará delante del elemento de la lista. Ejemplo: Ejemplo de lista ordenada Fichero HTML Fichero de imagen Fichero de sonido Fichero de vídeo Ejemplo de lista ordenada 1.Fichero HTML 2.Fichero de imagen 3.Fichero de sonido 4.Fichero de vídeo

Atributos Las listas ordenadas no sólo se pueden ordenar con números. También se pueden utilizar letras y numeración romana tanto en mayúsculas como minúsculas. Para esto se utiliza el atributo TYPE del elemento con los siguientes valores: TYPE=1 (por defecto) para números, TYPE=A para letras mayúsculas, TYPE=a para letras minúsculas, TYPE=I para numeración romana en mayúsculas, TYPE=i para numeración romana en minúsculas.

Esto es una lista ordenada con letras mayúsculas: A.Primera línea B.Segunda línea C.Tercera línea D.Cuarta línea Esto es una lista ordenada con letras minúsculas: a.Primera línea b.Segunda línea c.Tercera línea d.Cuarta línea Esto es una lista ordenada con numeración romana en mayúsculas: I.Primera línea II.Segunda línea III.Tercera línea IV.Cuarta línea Primera línea Segunda línea Tercera línea Cuarta línea Primera línea Segunda línea Tercera línea Cuarta línea Primera línea < LI>Segunda línea Tercera línea Cuarta línea

Tablas La estructura de una tabla se define mediante: una marca de inicio de la tabla (TABLE),TABLE una marca de comienzo de una nueva línea (TR) yTR una marca de comienzo de una celda (TD).TD Al final de cada uno de estos elementos se deberá definir la marca de final correspondiente. Esta estructura es bastante simple y muy fácilmente modificable. La marca permite la apertura de una tabla; el fin de tabla se especifica con. Se puede indicar alguno de los siguintes atributos: BORDER: define el grosor del marco exterior WIDTH: define el ancho de la tabla, bien en % o en unidades. HEIGTH: define el alto de la tabla, bien en % o en unidades.

La marca inicia una línea de la tabla que terminará con. Admite los atributos: VALIGN: permite una alineación del texto en el sentido vertical de la celda. Admite los valores: TOP, BOTTOM, MIDDLE. ALIGN: permite una alineación del texto en el sentido horizontal de la celda. Admite los valores: RIGHT, CENTER, LEFT HEIGHT: Permite cambiar la altura de la fila. Estos atributos se aplican sobre toda la fila, salvo cuando un atributo de contradice esta alineación. Ejemplo:

TD La marca delimita el inicio de una celda. Admite los atributos: WIDTH: Permite determinar el ancho de la celda VALIGN: permite una alineación del texto en el sentido vertical de la celda. Admite los valores: TOP, BOTTOM, MIDDLE. ALIGN: permite una alineación del texto en el sentido horizontal de la celda. Admite los valores: RIGHT, CENTER, LEFT. COLSPAN: define una celda con una anchura múltiplo de la columna básica. ROWSPAN: define una celda con una anchura múltiplo de la fila básica. NOWRAP: obliga al browser a inscribir todo el texto de la celda en una sola línea. En las tablas el ajuste es automático, la anchura de una celda depende del texto más largo inscrito en una de las celdas de la columna. De modo predeterminado, si la línea es demasiado larga, el browser la cortará en varias líneas, no ser que esté presente el atributo NOWRAP.