SlideShare una empresa de Scribd logo
1 de 5
Descargar para leer sin conexión
COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
SANTIAGOMAURICIO ANSOLACORTES 901
GABRIEL FEDERICO AMAYAGONZALEZ 901
PAGINA WEB V
Alineación de una imagen
La alineaciónde lasimágenesse estableceatravésdel atributoalign. Este atributoindicala
alineaciónde lasimágenesconrespectoala líneade textoenla que se encuentran.
Los valoresdel atributoalignpuedenserlossiguientes:
Tabla <table>
Las tablas están formadas por celdas, que son los recuadros que se obtienen
como resultado de la intersección entre una fila y una columna.
Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre
dichas etiquetas habrá que especificar las filas y columnas que formarán la
tabla.
imagen y texto
COLUM
NA
Texto dentro
de una celda
FILA CELDA
Fila <tr>
Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la
tabla. Estas etiquetas deberán insertarseentre las etiqetas <table> y
</table>.
Por ejemplo, para crear una tabla con cinco filas escribiríamos:
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
Columna o celda <td>
Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas
que compongan cada una de las filas de la tabla. Por lo tanto, habrá que
insertar esas etiquetas entre las etiquetas <tr> y </tr>.
Entre las etiquetas <td> y </td> se podrá especificar el contenido de cada una
de las celdas.
Formatode la tabla
Es posible modificar los siguientes atributos de una tabla:
Atributo Significado Posibles valores
width ancho de la tabla
un número, acompañado de % cuando se
desee que sea en porcentaje
height altura de la tabla
un número, acompañado de % cuando se desee
que sea en porcentaje
cellpadding
espacio entre el contenido de las
celdas y el borde
un número
cellspacing espacio entre celdas un número
border grosor del borde un número
align
alineación de la tabla dentro de
la página
left (izquierda)
right (derecha)
center (centro)
bgcolor color de fondo número hexadecimal
background imagen de fondo número hexadecimal
bordercolor color del borde número hexadecimal
Formatode las celdas
Atributo Significado Posibles valores
width ancho de la tabla
un número, acompañado de % cuando se
desee que sea en porcentaje
height altura de la tabla
un número, acompañado de % cuando se desee
que sea en porcentaje
align
alineación horizontal del
contenido de la celda
left (izquierda)
right (derecha)
center (centro)
valign alineación vertical del contenido baseline (línea de base)
de la celda bottom (inferior)
middle (medio)
top (superior)
bgcolor color de fondo número hexadecimal
background imagen de fondo número hexadecimal
bordercolor color del borde número hexadecimal
Encabezado de columna <th>
Las etiquetas <td> y </td> se utilizan para definir las celdas de cada una de
las filas, pero podemos poner en su lugar las etiquetas <th> y </th>.
Para la etiqueta <th> es posibleespecificar los mismos atributos que para la
etiqueta <td>, pero esta nueva etiqueta hace que el texto de la celda
aparezcacentrado y en negrita, por lo que se utiliza para definir los
encabezados o títulos de las columnas.
Títulode tabla <caption>
Estas etiquetas han de ir después de la etiqueta <table>, y puede
especificarseel valor de los atributos align (con los valores bottom, center,
left, right y top) y valign (con los valores bottom y top).
Combinar celdas
Para las etiquetas <td> y <th> existen los atributos colspan y rowspan, quese
utilizan para combinar celdas.
A través del atributo colspan se especificael número de columnas por las que
se extenderá la celda, y a través del atributo rowspan seespecifica el número
de filas por las que se extenderá la celda.
Para que quede más claro, vamos a ver un ejemplo de su uso. Por ejemplo,
para insertar la siguiente tabla:
DIFERENCIAS ENTRE EL PERRO Y EL HOMBRE
DIFERENCIAS
PERRO
HOMBRE
PEQUEÑO GRANDE
Duración crecimiento 10 meses 18 a 24 meses 16 años
Tiempo de gestación 58 a 63 días 9 meses
Duración de vida del pelo/cabello 1 año 2 a 7 años

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Excel parte 1
Excel parte 1Excel parte 1
Excel parte 1
 
Trabajo con gráficas en power point
Trabajo con gráficas en power pointTrabajo con gráficas en power point
Trabajo con gráficas en power point
 
Power Point
Power PointPower Point
Power Point
 
Graficos estadisticos01
Graficos estadisticos01Graficos estadisticos01
Graficos estadisticos01
 
Graficos excel2010 janine
Graficos excel2010 janineGraficos excel2010 janine
Graficos excel2010 janine
 
Excel
ExcelExcel
Excel
 
Un gráfico de power point
Un gráfico de power pointUn gráfico de power point
Un gráfico de power point
 
GRAFICO DE COLUMNAS Y LINEAS EN EXCEL
GRAFICO DE COLUMNAS Y LINEAS EN EXCELGRAFICO DE COLUMNAS Y LINEAS EN EXCEL
GRAFICO DE COLUMNAS Y LINEAS EN EXCEL
 
Hoja de cálculo
Hoja de cálculoHoja de cálculo
Hoja de cálculo
 
Graficas de excel
Graficas de excelGraficas de excel
Graficas de excel
 
Las filas - html
Las filas - htmlLas filas - html
Las filas - html
 
GRAFICOS UNIDAD 3Graficos en microsoft excel 2010
GRAFICOS UNIDAD 3Graficos en microsoft excel 2010GRAFICOS UNIDAD 3Graficos en microsoft excel 2010
GRAFICOS UNIDAD 3Graficos en microsoft excel 2010
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Tipos de graficos excel
Tipos de graficos excelTipos de graficos excel
Tipos de graficos excel
 
Caja tabla 20
Caja tabla 20Caja tabla 20
Caja tabla 20
 
Sara daveiba obando alfaro copia
Sara daveiba obando alfaro   copiaSara daveiba obando alfaro   copia
Sara daveiba obando alfaro copia
 
GRAFICOS, ODENAR Y FILTRAR EN EXCEL
GRAFICOS, ODENAR Y FILTRAR EN EXCELGRAFICOS, ODENAR Y FILTRAR EN EXCEL
GRAFICOS, ODENAR Y FILTRAR EN EXCEL
 
Pizano barroso examen_2a
Pizano barroso examen_2aPizano barroso examen_2a
Pizano barroso examen_2a
 
Tablas dinamicas-pdf
Tablas dinamicas-pdfTablas dinamicas-pdf
Tablas dinamicas-pdf
 

Destacado

Mi plantilla con-normas-icontec (1) (1) (2) (2)
Mi plantilla con-normas-icontec (1) (1) (2) (2)Mi plantilla con-normas-icontec (1) (1) (2) (2)
Mi plantilla con-normas-icontec (1) (1) (2) (2)Santiago Cortes
 
부평오피~다솜넷-dasom12.net~마포오피~수유오피
부평오피~다솜넷-dasom12.net~마포오피~수유오피부평오피~다솜넷-dasom12.net~마포오피~수유오피
부평오피~다솜넷-dasom12.net~마포오피~수유오피dasom63
 
Wygraj stypendium a. szymańska
Wygraj stypendium a. szymańskaWygraj stypendium a. szymańska
Wygraj stypendium a. szymańskagrooszek89
 
일산오피~다솜넷-dasom12.net~안산오피~일산오피
일산오피~다솜넷-dasom12.net~안산오피~일산오피일산오피~다솜넷-dasom12.net~안산오피~일산오피
일산오피~다솜넷-dasom12.net~안산오피~일산오피dasom63
 
Beth Asbridge Resume October 2016
Beth Asbridge Resume October 2016Beth Asbridge Resume October 2016
Beth Asbridge Resume October 2016Beth Asbridge
 
Spark - The Ultimate Scala Collections by Martin Odersky
Spark - The Ultimate Scala Collections by Martin OderskySpark - The Ultimate Scala Collections by Martin Odersky
Spark - The Ultimate Scala Collections by Martin OderskySpark Summit
 

Destacado (11)

Olas en uruguay
Olas en uruguayOlas en uruguay
Olas en uruguay
 
Mi plantilla con-normas-icontec (1) (1) (2) (2)
Mi plantilla con-normas-icontec (1) (1) (2) (2)Mi plantilla con-normas-icontec (1) (1) (2) (2)
Mi plantilla con-normas-icontec (1) (1) (2) (2)
 
부평오피~다솜넷-dasom12.net~마포오피~수유오피
부평오피~다솜넷-dasom12.net~마포오피~수유오피부평오피~다솜넷-dasom12.net~마포오피~수유오피
부평오피~다솜넷-dasom12.net~마포오피~수유오피
 
Wygraj stypendium a. szymańska
Wygraj stypendium a. szymańskaWygraj stypendium a. szymańska
Wygraj stypendium a. szymańska
 
일산오피~다솜넷-dasom12.net~안산오피~일산오피
일산오피~다솜넷-dasom12.net~안산오피~일산오피일산오피~다솜넷-dasom12.net~안산오피~일산오피
일산오피~다솜넷-dasom12.net~안산오피~일산오피
 
Lecture 2
Lecture 2Lecture 2
Lecture 2
 
Lecture1
Lecture1Lecture1
Lecture1
 
Penn State Resume
Penn State ResumePenn State Resume
Penn State Resume
 
2324_001
2324_0012324_001
2324_001
 
Beth Asbridge Resume October 2016
Beth Asbridge Resume October 2016Beth Asbridge Resume October 2016
Beth Asbridge Resume October 2016
 
Spark - The Ultimate Scala Collections by Martin Odersky
Spark - The Ultimate Scala Collections by Martin OderskySpark - The Ultimate Scala Collections by Martin Odersky
Spark - The Ultimate Scala Collections by Martin Odersky
 

Similar a Bbn

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraWilliam Rondon Oz
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas htmlcomil346
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas htmlcpaz65
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas htmlcomil346
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas htmlcomil346
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas htmlcomil346
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas htmlcomil123
 
Martin lopoez 905 12 (1)
Martin lopoez 905 12 (1)Martin lopoez 905 12 (1)
Martin lopoez 905 12 (1)julianmartin22
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerraMonsalve Sergio
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerrasergioguzman013
 
TABLAS HTML
TABLAS HTMLTABLAS HTML
TABLAS HTMLcar234
 

Similar a Bbn (20)

Clase 5
Clase 5Clase 5
Clase 5
 
Web3
Web3Web3
Web3
 
TRABAJO 2
TRABAJO 2TRABAJO 2
TRABAJO 2
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
tablas
tablastablas
tablas
 
Martin lopoez 905 12
Martin lopoez 905 12Martin lopoez 905 12
Martin lopoez 905 12
 
Martin lopoez 905 12 (1)
Martin lopoez 905 12 (1)Martin lopoez 905 12 (1)
Martin lopoez 905 12 (1)
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
taller V
taller Vtaller V
taller V
 
Trabajo tablas
Trabajo tablasTrabajo tablas
Trabajo tablas
 
Html 5
Html 5Html 5
Html 5
 
Codigo de tab
Codigo de tabCodigo de tab
Codigo de tab
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
TABLAS HTML
TABLAS HTMLTABLAS HTML
TABLAS HTML
 

Más de Santiago Cortes (9)

Eyu
EyuEyu
Eyu
 
Menu #
Menu  #Menu  #
Menu #
 
Doc1
Doc1Doc1
Doc1
 
Colegio nacional nicolas esguerra 1
Colegio nacional nicolas esguerra 1Colegio nacional nicolas esguerra 1
Colegio nacional nicolas esguerra 1
 
098765
098765098765
098765
 
1233445
12334451233445
1233445
 
Santiago
SantiagoSantiago
Santiago
 
Santiago
SantiagoSantiago
Santiago
 
Word informatica
Word informaticaWord informatica
Word informatica
 

Bbn

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO SANTIAGOMAURICIO ANSOLACORTES 901 GABRIEL FEDERICO AMAYAGONZALEZ 901 PAGINA WEB V Alineación de una imagen La alineaciónde lasimágenesse estableceatravésdel atributoalign. Este atributoindicala alineaciónde lasimágenesconrespectoala líneade textoenla que se encuentran. Los valoresdel atributoalignpuedenserlossiguientes:
  • 2. Tabla <table> Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna. Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla. imagen y texto COLUM NA Texto dentro de una celda FILA CELDA Fila <tr> Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarseentre las etiqetas <table> y </table>. Por ejemplo, para crear una tabla con cinco filas escribiríamos: <table> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> </table>
  • 3. Columna o celda <td> Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>. Entre las etiquetas <td> y </td> se podrá especificar el contenido de cada una de las celdas. Formatode la tabla Es posible modificar los siguientes atributos de una tabla: Atributo Significado Posibles valores width ancho de la tabla un número, acompañado de % cuando se desee que sea en porcentaje height altura de la tabla un número, acompañado de % cuando se desee que sea en porcentaje cellpadding espacio entre el contenido de las celdas y el borde un número cellspacing espacio entre celdas un número border grosor del borde un número align alineación de la tabla dentro de la página left (izquierda) right (derecha) center (centro) bgcolor color de fondo número hexadecimal background imagen de fondo número hexadecimal bordercolor color del borde número hexadecimal Formatode las celdas Atributo Significado Posibles valores width ancho de la tabla un número, acompañado de % cuando se desee que sea en porcentaje height altura de la tabla un número, acompañado de % cuando se desee que sea en porcentaje align alineación horizontal del contenido de la celda left (izquierda) right (derecha) center (centro) valign alineación vertical del contenido baseline (línea de base)
  • 4. de la celda bottom (inferior) middle (medio) top (superior) bgcolor color de fondo número hexadecimal background imagen de fondo número hexadecimal bordercolor color del borde número hexadecimal Encabezado de columna <th> Las etiquetas <td> y </td> se utilizan para definir las celdas de cada una de las filas, pero podemos poner en su lugar las etiquetas <th> y </th>. Para la etiqueta <th> es posibleespecificar los mismos atributos que para la etiqueta <td>, pero esta nueva etiqueta hace que el texto de la celda aparezcacentrado y en negrita, por lo que se utiliza para definir los encabezados o títulos de las columnas. Títulode tabla <caption> Estas etiquetas han de ir después de la etiqueta <table>, y puede especificarseel valor de los atributos align (con los valores bottom, center, left, right y top) y valign (con los valores bottom y top). Combinar celdas Para las etiquetas <td> y <th> existen los atributos colspan y rowspan, quese utilizan para combinar celdas. A través del atributo colspan se especificael número de columnas por las que se extenderá la celda, y a través del atributo rowspan seespecifica el número de filas por las que se extenderá la celda. Para que quede más claro, vamos a ver un ejemplo de su uso. Por ejemplo, para insertar la siguiente tabla:
  • 5. DIFERENCIAS ENTRE EL PERRO Y EL HOMBRE DIFERENCIAS PERRO HOMBRE PEQUEÑO GRANDE Duración crecimiento 10 meses 18 a 24 meses 16 años Tiempo de gestación 58 a 63 días 9 meses Duración de vida del pelo/cabello 1 año 2 a 7 años