SlideShare una empresa de Scribd logo
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

DOCX
Formatear el texto
PPTX
.Como insertar codigos de tablas en html
PPTX
CÓDIGOS DE TABLAS
PPTX
Codigos de tablas en html, imagenes, bordes
PPTX
Jose valeriano
PDF
Eduardo espinoza cod-de-tablas-html
PDF
Guia 4 de html imagenes
PPTX
Formatear el texto
.Como insertar codigos de tablas en html
CÓDIGOS DE TABLAS
Codigos de tablas en html, imagenes, bordes
Jose valeriano
Eduardo espinoza cod-de-tablas-html
Guia 4 de html imagenes

Similar a Programacion web (19)

PPTX
Html tablas e imagenes
PPTX
DARWIN LOPEZ #2 :CÓDIGOS DE TABLAS EN HTML
PDF
Informe 2
DOCX
Colegio nacional nicolás esguerra
DOCX
tablas HTML
PPTX
El Lenguaje de Marcado de Hipertexto (HTML).pptx
PDF
Insertar imagen en html
PDF
Lenguaje html 9º guia blog
DOCX
Insertar imágenes y color de fondo en html
PDF
Anthony rodriguez codigos de tablas en html
PPTX
Html Sharon 4101
PPTX
Etiquetas
DOC
dayanna igua
PPT
Clase4 Dsw1
DOCX
PPTX
Codigo de i
PDF
Inf 2 (imagen, audio, video)
PPSX
Programación en html 4
Html tablas e imagenes
DARWIN LOPEZ #2 :CÓDIGOS DE TABLAS EN HTML
Informe 2
Colegio nacional nicolás esguerra
tablas HTML
El Lenguaje de Marcado de Hipertexto (HTML).pptx
Insertar imagen en html
Lenguaje html 9º guia blog
Insertar imágenes y color de fondo en html
Anthony rodriguez codigos de tablas en html
Html Sharon 4101
Etiquetas
dayanna igua
Clase4 Dsw1
Codigo de i
Inf 2 (imagen, audio, video)
Programación en html 4
Publicidad

Más de 1207495860 (9)

PPTX
Goto ninja
PPTX
PPTX
Martinez catedral
PPTX
Carrito
PPTX
Martines canguro
PPTX
PPTX
Martinez escalera
PPTX
Estructura basica de una pagina web
PPTX
Gabrielmartinez diapositiva
Goto ninja
Martinez catedral
Carrito
Martines canguro
Martinez escalera
Estructura basica de una pagina web
Gabrielmartinez diapositiva
Publicidad

Último (20)

PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
Metodologías Activas con herramientas IAG
DOCX
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
DOCX
V UNIDAD - PRIMER GRADO. del mes de agosto
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PDF
ciencias-1.pdf libro cuarto basico niños
DOCX
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
TOMO II - LITERATURA.pd plusenmas ultras
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
Híper Mega Repaso Histológico Bloque 3.pdf
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
caso clínico iam clinica y semiología l3.pptx
Metodologías Activas con herramientas IAG
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
V UNIDAD - PRIMER GRADO. del mes de agosto
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
ciencias-1.pdf libro cuarto basico niños
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
TOMO II - LITERATURA.pd plusenmas ultras

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/