REPBLICA BOLIVARIANA DE VENEZUELA

MINISTERIO DEL PODER POPULAR PARA LA EDUCACIN

UNIVERSITARIA
INSTITUTO UNIVERSITARIO DE TECNOLOGA DE LOS LLANOS.
NCLEO VALLE DE LA PASCUA, EDO GURICO

LISTAS, TABLAS Y PANELES DIV/SPAN

Profesor(a): Integrantes:

Luz Marina Riera. Armas, Flor. C.I: 26.717.998

Martnez, Hctor. C.I: 26.844.904

Carrillo, Julio. C.I: 26.844.05

Valle de la Pascua, Mayo de 2016.

NDICE

Pg.
Introduccin... 3
Contenido:

Listas.
Tablas: Uso y Finalidad...

Elementos Bsicos
Atributos
Paneles Div/Span.....
Conclusin
Bibliografa
Anexos

INTRODUCCIN

Por estos das, es indudable que el mundo de la tecnologa eventualmente se

apoderara de todo lo que nos rodea, nuestra vida gira y girara en torno a esta. Cada
instante surgen nuevas ideas, innovaciones que van ms all y ms all del umbral del
hombre y cuyo epicentro esta en el procesamiento de la informacin.
La web es el principal medio a travs del cual fluye toda la informacin, los
datos necesarios para poder seguir desarrollando las nuevas tecnologas, sin internet
probablemente no seriamos la sociedad avanzada que somos actualmente, en trminos
generales.
Ahora bien, para poder entender el mundo de la internet, para que nosotros los
usuarios podamos comprenderlo existen lo que se conocen como pginas web, que
son el escenario por el podemos visualizar y comprender la informacin que all se
encuentra. No en vano, existen millones y millones de pginas web programadas para
mostrarnos la informacin que se encuentra almacenada en internet.
Es en este punto donde entramos en el objeto de esta investigacin, puesto que
de alguna manera se pretender conocer la forma en la que dichas pginas web son
programas, los lenguajes que se utilizan, siendo ms especficos, el HTML, que unos
de los principales lenguajes que se usan para disear los sitios web.
Lo que se busca es escudriar en el modus operandi de dicho lenguaje de
programacin, como es su estructura. En fin, saber usarlo correctamente, siendo esto
elemental para cualquier profesional, o aspirante a serlo, en el rea de la informtica,
como es el caso.

LISTAS:
En pocas palabras, una lista sirve tambin para presentar informacin, en
diversos elementos o tems. Estas listas pueden ser:
 Listas numeradas u ordenadas: Se engloban por las
etiquetas <ol>.....</ol> y cada elemento de la lista estar encabezado por la
etiqueta <li> indicando el inicio, y que puede o no llevar la de cierre </li>. Es
conveniente que cada elemento de la lista est en una lnea nueva aunque todo
seguido consiga en la presentacin el mismo efecto. Cuando el navegador
interpreta una lista ordenada, numera y sangra cada elemento en forma
secuencial, aunque se introduzcan modificaciones.
Listas con vietas o sin orden: Se engloban por las etiquetas <ul>.....</ul> y
cada elemento de la lista, tambin estar encabezado por la etiqueta <li>. El
resultado es que el navegador inserta vietas (marcadores) delante de cada
elemento.

TABLAS: USO Y FINALIDAD

Bsicamente, y yendo en si a lo elemental, una tabla no es otra cosa ms

que un medio de organizar datos en filas y columnas. Lo que se conoce como
tabulacin de contenido.

La informacin que se ingresa en ellas se hace ms entendible, dado que

quizs de otro modo sera muy difcil poder interpretarla. Son de una utilidad por
dems amplia puesto que se pueden implementar con todo tipo de datos o valores
(alfanumricos).

En documentos HTML una tabla puede ser considerada, resumidamente,

como un grupo de filas donde cada una contiene a un grupo de celdas. Esto es
conceptualmente distinto a un grupo de columnas que contiene a un grupo de filas, y
esta diferencia tendr un impacto en la composicin y comportamiento de la tabla.

Elementos Bsicos:
 Como muchas otras estructuras de HTML, las tablas son construidas
utilizando elementos. En particular, una tabla bsica puede ser declarada usando
algunos elementos o etiquetas bsicas:

<table>: Que es el contenedor principal.

<tr>: Representando a las filas contenedoras de las celdas

<td>: Que representa a las celdas.

<thead>: Se usa para agrupar contenido en el encabezado de una

tabla.

<th>: Permite asignar encabezados a una tabla.

<tbody>: Agrupar contenido del cuerpo (desarrollo) de una tabla.

Atributos:

A modo resumido, un atributo es informacin adicional, extra, que podemos

adherir a un pgina web, o cual sea el trabajo que se est realizando. Tienen que ver
mucho con lo que es la parte visual, el aspecto que tendr la pgina como por
ejemplo, colocar imagines de fondo, alinear textos, bordes, etc

Adems, un autor puede tambin combinar o fusionar dos o ms celdas

adyacentes haciendo uso de ciertos atributos en particular, como es el caso de los
siguientes:

Rowspan: Normalmente usado para la unificacin vertical. Cuando este

atributo es establecido en una celda, indica a los intrpretes que la misma debe
abarcar, no solamente su propio espacio, sino tambin el espacio de un
nmero de celdas contiguas hacia abajo.
 Colspan: Relacionado con la unificacin horizontal. Es en esencia igual que
el anterior solo que en vez de ser hacia abajo, se tomaran las celdas contiguas
hacia la derecha.

Estos atributos pueden tomar un valor entero mayor a cero, que representa el
nmero de celdas que participarn en la unificacin.

PANELES <DIV> Y <SPAN>

<div>: Las capas (div) no son ms que unos recuadros, que pueden situarse
en cualquier parte de la pgina, en los que podemos insertar contenido HTML.
Dichas capas pueden ocultarse y solaparse entre s, lo que proporciona
grandes posibilidades de diseo. Podemos insertar una capa a travs de las
etiquetas <div> y </div>, y sirven para agrupar bloques de texto.
<span>: Es lo que se podra denominar un elemento neutro que no aade
nada al documento en s. Pero con CSS <span> se puede usar para aadir
caractersticas visuales distintivas a partes especficas de texto en los
documentos.
Existen algunos atributos que se le pueden atribuir, valga la redundancia, a estas dos
etiquetas mencionadas, y son:
1. Title: Texto informativo o ttulo del elemento. Suele mostrarse a modo de
"tool tip".
2. Id: Le da un nombre al elemento que lo diferencia de todos los dems del
documento.
3. Class: Asigna nombres de clases al elemento.
4. Style: Permite especificar informacin de estilo. Por defecto, estilos CSS
5. Lang: Informacin sobre el idioma del contenido del elemento y del valor de
sus atributos.
6. Dir: Indica la direccin de texto y tablas.
 CONCLUSIN
Los pases con ms avances tecnolgicos, siempre han sido los del primer
mundo, los ms fuertes, las potencias mundiales. Esto no es algo que haya sido as
desde el principio de los tiempos. No. De alguna manera todos han comprendido que
para poder llegar a ese nivel y mantenerse es completamente necesario trabajar en
torno a la tecnologa. As de simple.
El mundo de los lenguajes de programacin es por dems amplio, metdico y
muy interesante. Y basndose en el hecho de que estos funcionan como una especie
de decodificador de toda la informacin que fluye por el internet pues su importancia
es abismal. Sin un lenguaje de programacin como HTML no podramos comprender
la cantidad de datos binarios que estn en constante circulacin en la web.
Por otro lado, se dice que la informacin es la mayor arma con la que puede
disponer actualmente cualquier ente, llmese pas, empresa, organizacin o un simple
y comn ciudadano.
Siendo pues, esencial que El Hombre como tal, incluyendo todo su sistema,
aparataje y maquinaria de vida debe adentrarse a este mundo para poder seguir
desarrollndose. Para mantenerse al tanto de la informacin. Para subsistir.
 A modo de epilogo, se puede decir que el instruirse de buena manera en
HTML eventualmente redundara en algo positivo para cualquier sujeto que pretender
adquirir un conocimiento y desarrollarse tanto fsica, mental, cultural, social y
econmicamente.

BIBLIOGRAFA
http://www.monografias.com/trabajos93/introduccion-al-lenguaje-
html/introduccion-al-lenguaje-html2.shtml
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/span#Defi
nici.C3.B3n
http://www.monografias.com/trabajos7/html/html.shtml
http://www.monografias.com/trabajos30/manual-html/manual-
html.shtml
http://www.monografias.com/trabajos91/lenguaje-html/lenguaje-
html.shtml
http://www.monografias.com/trabajos105/introduccion-programacion-
html/introduccion-programacion-html.shtml
http://www.monografias.com/trabajos-pdf2/curso-html/curso-
html.shtml
 Ejemplo de una Tabla sencilla.
<Table border>
<tr>
<td>a</td> <td>b</td> <td>c</td>
</tr>
<tr>
<td>d</td> <td>e</td> <td>f</td>
</tr>
</table>

Quedara de la siguiente manera:

A B C
D E F

Ejemplo usando el Rowspan

<Table border>
<tr>
<td>item 1</td>
<td rowspan=2>item 2</td>
<td>item 3</td>
</tr>
<tr>
<td>item 4</td> <td>item 5</td>
</tr>
</table>

Quedara as:
 tem 1 tem 3
tem 2
tem 4 tem 5

Ejemplo <div> y <span>

div style="border: 1px dotted blue;">

<h4>Ejemplo de div y span </h4>

<p>

Esto es un prrafo dentro de un div,

<span style="color: red;"> y esto un span dentro de un prrafo.

</span>

</p>

</div>

Quedara as:

Ejemplo de div y span

Esto es un prrafo dentro de un div, y esto un span dentro de un prrafo.