SlideShare una empresa de Scribd logo
1 de 5
PROGRAMACION WEB
DISEÑO GRAFICO PUBLICITARIO
QUINTO”A”
GABRIEL MARTINEZ BRIONEZ
CODIGOS PARA INSERTAR TABLA EN HTML
<html>
<head><title>Ejemplo de tabla sencilla<
/title></head>
<body>
<h1>Listado de cursos</h1>
<table>
<tr>
<td><strong>Curso</strong></td>
<td><strong>Horas</strong></td>
<td><strong>Horario</strong></td>
</tr>
<tr>
<td>CSS</td>
<td>20</td>
<td>16:00 - 20:00</td>
</tr>
<tr>
<td>HTML</td>
<td>20</td>
<td>16:00 - 20:00</td>
</tr>
<tr>
LINK: http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html
CODIGOS PARA INSERTAR IMAGENES EN
HTML
Para definir una imagen en HTML se utiliza la etiqueta <img>. Requiere dos atributos:
src y alt. La línea de código quedaría así:
<img src=”imagen.jpg” alt=”Nombre de la imagen” height=”100″ width=”1000″>
El atributo src específica la url de la imagen, es decir, donde se encuentra alojada.
El atributo alt específica un texto alternativo para la imagen.
Y los atributos height y width especifican respectivamente la altura y la anchura de la
imagen.
Los formatos en los que se pueden publicar imágenes en HTML son los siguientes:
.Gifu -jpg o jpeg –png-bmp
LINK:https://www.yoseomarketing.com/blog/codigos-de-html-para-insertar-imagenes-web/
CODIGOS PARA INSERTAR BORDES EN HTML
<TABLE STYLE="BORDER:DASHED 10PX LIME">
<TR><TD>QUE HACES TODOS USTEDES</TD></TR>
</TABLE>
<TABLE STYLE="BORDER:GROOVE 10PX LIME">
<TR><TD>QUE HACES TODOS USTEDES</TD></TR>
</TABLE>
<TABLE STYLE="BORDER:RIDGE 10PX LIME">
<TR><TD>QUE HACES TODOS USTEDES</TD></TR>
</TABLE>
<TABLE STYLE="BORDER:DOUBLE 10PX LIME">
<TR><TD>QUE HACES TODOS USTEDES</TD></TR>
</TABLE>
LINK:https://www.lawebdelprogramador.com/codigo/HTML/480-Tipo-de-bordes.html
CODIGOS PARA INSERTAR ENLACES EN HTML
El formato básico de un enlace en html es el siguiente:
<a href=”url”>texto ancla</a>
Donde url es la dirección a la que apunta el enlace y el texto ancla es el texto dónde se
pone el enlace.
Por ejemplo, este enlace:
<a href=”https://www.yoseomarketing.com/”>Empresa de Posicionamiento Web</a>
Para conseguir que un link se abra en una nueva pestaña hay que incluir el atributo:
target=”_blank”
El enlace quedaría así:
<a href=”url” target=”_blank”> texto ancla</a>
LINK:https://www.yoseomarketing.com/blog/como-poner-links-html-en-html-hacer-enlaces/

Más contenido relacionado

Similar a Programacion web

Similar a Programacion web (20)

Curriculum vitae xiomara
Curriculum vitae xiomaraCurriculum vitae xiomara
Curriculum vitae xiomara
 
Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02
 
Unidad V
Unidad VUnidad V
Unidad V
 
Tablas
TablasTablas
Tablas
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Guia N1 Proyectos Web Html
Guia N1   Proyectos Web   HtmlGuia N1   Proyectos Web   Html
Guia N1 Proyectos Web Html
 
Ejemplos de HTML
Ejemplos de HTMLEjemplos de HTML
Ejemplos de HTML
 
MEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdfMEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdf
 
Curso-HTML--CSS.pdf
Curso-HTML--CSS.pdfCurso-HTML--CSS.pdf
Curso-HTML--CSS.pdf
 
Paginas web
Paginas webPaginas web
Paginas web
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 
Tablas sirley colorado g y diany rengifo s
Tablas sirley colorado g y diany rengifo sTablas sirley colorado g y diany rengifo s
Tablas sirley colorado g y diany rengifo s
 
Tablas sirley colorado g y diany rengifo s
Tablas sirley colorado g y diany rengifo sTablas sirley colorado g y diany rengifo s
Tablas sirley colorado g y diany rengifo s
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Tablas
TablasTablas
Tablas
 
Imagenes con links
Imagenes con linksImagenes con links
Imagenes con links
 
Practica2css
Practica2cssPractica2css
Practica2css
 

Más de 1207495860

Martinez catedral
Martinez catedralMartinez catedral
Martinez catedral1207495860
 
Martines canguro
Martines canguroMartines canguro
Martines canguro1207495860
 
Martinez escalera
Martinez escaleraMartinez escalera
Martinez escalera1207495860
 
Estructura basica de una pagina web
Estructura basica de una pagina webEstructura basica de una pagina web
Estructura basica de una pagina web1207495860
 
Gabrielmartinez diapositiva
Gabrielmartinez diapositivaGabrielmartinez diapositiva
Gabrielmartinez diapositiva1207495860
 

Más de 1207495860 (9)

Goto ninja
Goto ninjaGoto ninja
Goto ninja
 
Moto
MotoMoto
Moto
 
Martinez catedral
Martinez catedralMartinez catedral
Martinez catedral
 
Carrito
CarritoCarrito
Carrito
 
Martines canguro
Martines canguroMartines canguro
Martines canguro
 
Mesa
MesaMesa
Mesa
 
Martinez escalera
Martinez escaleraMartinez escalera
Martinez escalera
 
Estructura basica de una pagina web
Estructura basica de una pagina webEstructura basica de una pagina web
Estructura basica de una pagina web
 
Gabrielmartinez diapositiva
Gabrielmartinez diapositivaGabrielmartinez diapositiva
Gabrielmartinez diapositiva
 

Último

ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoJosDanielEstradaHern
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVGiustinoAdesso1
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIIsauraImbrondone
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 

Último (20)

ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 

Programacion web

  • 1. PROGRAMACION WEB DISEÑO GRAFICO PUBLICITARIO QUINTO”A” GABRIEL MARTINEZ BRIONEZ
  • 2. CODIGOS PARA INSERTAR TABLA EN HTML <html> <head><title>Ejemplo de tabla sencilla< /title></head> <body> <h1>Listado de cursos</h1> <table> <tr> <td><strong>Curso</strong></td> <td><strong>Horas</strong></td> <td><strong>Horario</strong></td> </tr> <tr> <td>CSS</td> <td>20</td> <td>16:00 - 20:00</td> </tr> <tr> <td>HTML</td> <td>20</td> <td>16:00 - 20:00</td> </tr> <tr> LINK: http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html
  • 3. CODIGOS PARA INSERTAR IMAGENES EN HTML Para definir una imagen en HTML se utiliza la etiqueta <img>. Requiere dos atributos: src y alt. La línea de código quedaría así: <img src=”imagen.jpg” alt=”Nombre de la imagen” height=”100″ width=”1000″> El atributo src específica la url de la imagen, es decir, donde se encuentra alojada. El atributo alt específica un texto alternativo para la imagen. Y los atributos height y width especifican respectivamente la altura y la anchura de la imagen. Los formatos en los que se pueden publicar imágenes en HTML son los siguientes: .Gifu -jpg o jpeg –png-bmp LINK:https://www.yoseomarketing.com/blog/codigos-de-html-para-insertar-imagenes-web/
  • 4. CODIGOS PARA INSERTAR BORDES EN HTML <TABLE STYLE="BORDER:DASHED 10PX LIME"> <TR><TD>QUE HACES TODOS USTEDES</TD></TR> </TABLE> <TABLE STYLE="BORDER:GROOVE 10PX LIME"> <TR><TD>QUE HACES TODOS USTEDES</TD></TR> </TABLE> <TABLE STYLE="BORDER:RIDGE 10PX LIME"> <TR><TD>QUE HACES TODOS USTEDES</TD></TR> </TABLE> <TABLE STYLE="BORDER:DOUBLE 10PX LIME"> <TR><TD>QUE HACES TODOS USTEDES</TD></TR> </TABLE> LINK:https://www.lawebdelprogramador.com/codigo/HTML/480-Tipo-de-bordes.html
  • 5. CODIGOS PARA INSERTAR ENLACES EN HTML El formato básico de un enlace en html es el siguiente: <a href=”url”>texto ancla</a> Donde url es la dirección a la que apunta el enlace y el texto ancla es el texto dónde se pone el enlace. Por ejemplo, este enlace: <a href=”https://www.yoseomarketing.com/”>Empresa de Posicionamiento Web</a> Para conseguir que un link se abra en una nueva pestaña hay que incluir el atributo: target=”_blank” El enlace quedaría así: <a href=”url” target=”_blank”> texto ancla</a> LINK:https://www.yoseomarketing.com/blog/como-poner-links-html-en-html-hacer-enlaces/