SlideShare una empresa de Scribd logo
1 de 8
COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
ALEJANDROESCOBAR904 – J.M
PAGINA WEB V
Tabla <table>
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.
Fila <tr>
Por ejemplo, para crear una tabla con cinco filas escribiríamos:
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
Estos son los códigos para acomodar las filas horizontales y verticales como el
siguiente ejemplo
Columna o celda <td>
Aquí ya empezamos a acomodar los datos y el color de las casillas eso lo ise
con el código que estaba en aula click abajo
<table border="1">
<tr>
<td>Sabado</td>
<td>Domingo</td>
</tr>
<tr>
<td>Curso HTML</td>
<td>Curso Dreamweaver</td>
</tr>
<tr>
<td>Curso Frontpage</td>
<td>Curso Flash</td>
</tr>
</table>
A mi me quedo asi
Formato de la tabla
Esta tabla me ayudo a acomodar todo
Formato de las celdas
También es posible modificar estos atributos de toda una fila,
especificándolos en la etiqueta <tr>, en lugar de en la etiqueta <td>.
<table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" b
gcolor="#FFCC99">
<tr align="center" bgcolor="#0099CC">
<td>Sabado</td>
<td bgcolor="#66CC99">Domingo</td>
</tr>
<tr>
<td>Curso HTML</td>
<td>Curso Dreamweaver</td>
</tr>
<tr>
<td>Curso Frontpage</td>
<td>Curso Flash</td>
</tr>
</table>
Este código me ayudo con los colores
Código
<html>
<head>
<title>Dynasty S.A 904</title>
</head>
<!--PAGINA WEB ELABORADA POR ALEJANDRO ESCOBAR 904 //-->
<body bgcolor="#F5F5DC">
<hr>
<MARQUEE><B><I>BIENVENIDO A NUESTRA PAGINA
WEB DYNASTY S.A.</B></I></MARQUEE><br>
<hr>
<H3> Nuestra empresa brinda servicio en venta de
vehiculos</H3><br>
<font color="#DAA520" size="6" face="Arial"><b>bugatti chiron</B></font>
<font color="##CD853F" size="5" face="Comic Sans MS"><b>Dynasty
Cars</B></font><br>
<img src="imagenes/bugatti azul.jpg "border="9" "width="200" height="180">
<img src="imagenes/buggati.jpg "border="9" "width="200" height="180">
<img src="imagenes/Bugatti-Grand-Sport-Vitesse.jpg "border="9" "width="200"
height="180">
<P ALIGN="CENTER">Bugatti es una marca francesa de automóviles de gran
lujo y competición fundada por el italiano Ettore Bugatti (1881-1947) en el año
1909 en Molsheim, localidad actualmente en Francia y por entonces
perteneciente al Imperio alemán. Pertenece al grupo VW,Con el lema de Nada
puede ser demasiado hermoso, nada puede ser demasiado costoso, la familia
Bugatti.</p>
<font color="#DAA520" size="5" face="Arial"><b>el nuevo bugatti veyron
gold</B></font>
<font color="##CD853F" size="4" face="Comic Sans MS"><b>un vehiculo para
su comodidad</B></font>
<img src="imagenes/images.jpg "border="9" "width="200" height="180">
<img src="imagenes/maxresdefault.jpg "border="6" "width="200"
height="180">
<br>
<br>
<table width="50%" border="2" align="center" cellspacing="0"
bordercolor="000000" bgcolor="white">
<tr align="center" bgcolor="990000">
<td>modelos</td>
<td bgcolor="660099">precios</td>
</tr>
<tr>
<td>bugatti chiron</td>
<td>200.000.000$</td>
</tr>
<tr>
<td>bugatti veyron gold</td>
<td>500.000.000$</td>
</tr>
</table>

Más contenido relacionado

La actualidad más candente (16)

Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Inf #3
Inf #3Inf #3
Inf #3
 
Las Tablas en HTML
Las Tablas en HTMLLas Tablas en HTML
Las Tablas en HTML
 
Primera pagina web
Primera pagina webPrimera pagina web
Primera pagina web
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Paginas web
Paginas webPaginas web
Paginas web
 
10
1010
10
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Pagina web clase 3
Pagina web clase 3Pagina web clase 3
Pagina web clase 3
 
HTML MARQUEE ETC
HTML MARQUEE ETCHTML MARQUEE ETC
HTML MARQUEE ETC
 
Htm
HtmHtm
Htm
 
Crear Pagina Web
Crear Pagina WebCrear Pagina Web
Crear Pagina Web
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 
Italia 1990 menu
Italia 1990 menuItalia 1990 menu
Italia 1990 menu
 

Similar a Pagina web 5

Similar a Pagina web 5 (20)

Unidad V
Unidad V Unidad V
Unidad V
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Trabajo5
Trabajo5Trabajo5
Trabajo5
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Etiquetas en html
Etiquetas en htmlEtiquetas en html
Etiquetas en html
 
Trabajo tablas
Trabajo tablasTrabajo tablas
Trabajo tablas
 
Tablas
TablasTablas
Tablas
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Pagina WEB (V)
Pagina WEB (V)Pagina WEB (V)
Pagina WEB (V)
 
Web 5
Web 5Web 5
Web 5
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Más de Alejandro Escobar (9)

Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Index II
Index IIIndex II
Index II
 
112
112112
112
 
Normas
Normas Normas
Normas
 
Creamos el siguiente código
Creamos el siguiente código Creamos el siguiente código
Creamos el siguiente código
 
Creamos el siguiente código
Creamos el siguiente código Creamos el siguiente código
Creamos el siguiente código
 
Creamos el siguiente código
Creamos el siguiente código  Creamos el siguiente código
Creamos el siguiente código
 
Sensor de sonido
Sensor de sonidoSensor de sonido
Sensor de sonido
 

Último

Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfDannyTola1
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxMartín Ramírez
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxMapyMerma1
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 

Último (20)

Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdf
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptx
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 

Pagina web 5

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO ALEJANDROESCOBAR904 – J.M PAGINA WEB V Tabla <table> 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.
  • 2. Fila <tr> Por ejemplo, para crear una tabla con cinco filas escribiríamos: <table> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> </table> Estos son los códigos para acomodar las filas horizontales y verticales como el siguiente ejemplo
  • 3. Columna o celda <td> Aquí ya empezamos a acomodar los datos y el color de las casillas eso lo ise con el código que estaba en aula click abajo <table border="1"> <tr> <td>Sabado</td> <td>Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> <tr> <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table> A mi me quedo asi
  • 4. Formato de la tabla Esta tabla me ayudo a acomodar todo Formato de las celdas También es posible modificar estos atributos de toda una fila, especificándolos en la etiqueta <tr>, en lugar de en la etiqueta <td>.
  • 5. <table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" b gcolor="#FFCC99"> <tr align="center" bgcolor="#0099CC"> <td>Sabado</td> <td bgcolor="#66CC99">Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> <tr> <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table> Este código me ayudo con los colores Código <html> <head> <title>Dynasty S.A 904</title> </head> <!--PAGINA WEB ELABORADA POR ALEJANDRO ESCOBAR 904 //--> <body bgcolor="#F5F5DC"> <hr> <MARQUEE><B><I>BIENVENIDO A NUESTRA PAGINA WEB DYNASTY S.A.</B></I></MARQUEE><br> <hr>
  • 6. <H3> Nuestra empresa brinda servicio en venta de vehiculos</H3><br> <font color="#DAA520" size="6" face="Arial"><b>bugatti chiron</B></font> <font color="##CD853F" size="5" face="Comic Sans MS"><b>Dynasty Cars</B></font><br> <img src="imagenes/bugatti azul.jpg "border="9" "width="200" height="180"> <img src="imagenes/buggati.jpg "border="9" "width="200" height="180"> <img src="imagenes/Bugatti-Grand-Sport-Vitesse.jpg "border="9" "width="200" height="180"> <P ALIGN="CENTER">Bugatti es una marca francesa de automóviles de gran lujo y competición fundada por el italiano Ettore Bugatti (1881-1947) en el año 1909 en Molsheim, localidad actualmente en Francia y por entonces perteneciente al Imperio alemán. Pertenece al grupo VW,Con el lema de Nada puede ser demasiado hermoso, nada puede ser demasiado costoso, la familia Bugatti.</p> <font color="#DAA520" size="5" face="Arial"><b>el nuevo bugatti veyron gold</B></font> <font color="##CD853F" size="4" face="Comic Sans MS"><b>un vehiculo para su comodidad</B></font>
  • 7. <img src="imagenes/images.jpg "border="9" "width="200" height="180"> <img src="imagenes/maxresdefault.jpg "border="6" "width="200" height="180"> <br> <br> <table width="50%" border="2" align="center" cellspacing="0" bordercolor="000000" bgcolor="white"> <tr align="center" bgcolor="990000"> <td>modelos</td> <td bgcolor="660099">precios</td> </tr> <tr> <td>bugatti chiron</td> <td>200.000.000$</td> </tr> <tr> <td>bugatti veyron gold</td> <td>500.000.000$</td> </tr>