SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
NOMBRE: Leidy Laura Navarro Mtz
MATERIA: Herramientas tecnológicas
GRADO: 1º
GRUPO: “A”
TEMA: Etiquetas básicas de HTML
ESCUELA: UGMEX
LICENCIATURA: Psicología
MAESTRO: Israel Campos Enriquez
ETIQUETAS BÁSICAS DE HTML
ETIQUETAS BÁSICAS
Plantilla básica
<! DOCTYPE HTML PUBLIC”-//W3C//DTD HTML 4.0//EN”>
<HTML>
<HEAD>
<TITLE>
</TITLE>
<META NAME=”AUTHOR” CONTENT=” “>
<META NAME=KEYWORDS” CONTENT=””>
</HEAD>
<BODY>
</BODY>
</HTML>
B.Las que van a servir para mejorar el aspecto de los documentos web. Entre
ellas están:
o Insertar imágenes
o Listas (ordenadas y desordenadas)
o Tablas
o Formularios (no los veremos)
B.1.Insertar imágenes
<IMG SRC=”NOMBRE DE LA IMAGEN.JPG”>
El nombre de la imagen y su extensión que indicará el formato de imagen. En
la web los formatos que pesan menos son .jpg y .gif.
B.2. Listas (ordenadas y desordenadas)
Ordenadas (<OL>)
<OL>
<LI>
<LI>
</OL>
Desordenadas (<UL>)
<UL>
<LI>
<LI>
</UL>
Nota: habrá tantas etiquetas <LI> como líneas queramos insertar en nuestra
relación.
B.3. Tablas
<TABLE BORDER=1> (comienzo de una tabla; border=1 indica el grosor de la
barra. Si no ponemos nada, es decir, la etiqueta Table a secas, no se
visualizará el borde de la tabla)
<TR> (comienzo de una línea de la tabla)
</TR> (Final de la línea)
<TD> (Comienzo de una celda)
</TD> (Final de una celda)
<TH> (Comienzo de una celda de cabecera de tabla)
</TH> (Final de una celda de cabecera de tabla)
</TABLE> (Final de Tabla)
NOTA: pondremos tantas etiquetas <TH> y <TD> como columnas y filas tenga
la tabla.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (9)

tutorial slideshare
tutorial slidesharetutorial slideshare
tutorial slideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 
estructura de una pagina web #3
estructura de una pagina web #3estructura de una pagina web #3
estructura de una pagina web #3
 
SlideShare
SlideShareSlideShare
SlideShare
 
TUTORIAL SLIDESHARE
TUTORIAL SLIDESHARETUTORIAL SLIDESHARE
TUTORIAL SLIDESHARE
 
Google sites
Google sitesGoogle sites
Google sites
 
Información en la web
Información en la webInformación en la web
Información en la web
 
Google drive
Google driveGoogle drive
Google drive
 
GOOGLE DRIVE
GOOGLE DRIVEGOOGLE DRIVE
GOOGLE DRIVE
 

Similar a Etiquetas básicas de html (20)

Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Tipo
TipoTipo
Tipo
 
Html
HtmlHtml
Html
 
Camilo diaz
Camilo diazCamilo diaz
Camilo diaz
 
Htm ltlalti
Htm ltlaltiHtm ltlalti
Htm ltlalti
 
DISEÑO DE PAGINAS WEB- 30/08/2014
DISEÑO DE PAGINAS WEB- 30/08/2014DISEÑO DE PAGINAS WEB- 30/08/2014
DISEÑO DE PAGINAS WEB- 30/08/2014
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Portal web basico
Portal web basicoPortal web basico
Portal web basico
 
Html
HtmlHtml
Html
 
Contenidos Avanzados
Contenidos AvanzadosContenidos Avanzados
Contenidos Avanzados
 
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
 
Guia 4 de html imagenes
Guia 4 de html   imagenesGuia 4 de html   imagenes
Guia 4 de html imagenes
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
C2 lenguaje html
C2 lenguaje htmlC2 lenguaje html
C2 lenguaje html
 
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
 
1
11
1
 
Código htlm
Código htlmCódigo htlm
Código htlm
 
Estructura del código HTML5.pptx
Estructura del código HTML5.pptxEstructura del código HTML5.pptx
Estructura del código HTML5.pptx
 
HTML y CSS
HTML y CSSHTML y CSS
HTML y CSS
 

Más de leidymtzugmex

Foro y tipos de foros
Foro y tipos de forosForo y tipos de foros
Foro y tipos de forosleidymtzugmex
 
como quiero mi Pagina web
como quiero mi Pagina webcomo quiero mi Pagina web
como quiero mi Pagina webleidymtzugmex
 
PASOS PARA FORMATEAR Y HACER BOOTEABLE UNA USB Y LO QUE ES HIREN'S BOOTCD
PASOS PARA FORMATEAR Y HACER BOOTEABLE UNA USB Y LO QUE ES HIREN'S BOOTCDPASOS PARA FORMATEAR Y HACER BOOTEABLE UNA USB Y LO QUE ES HIREN'S BOOTCD
PASOS PARA FORMATEAR Y HACER BOOTEABLE UNA USB Y LO QUE ES HIREN'S BOOTCDleidymtzugmex
 
Carta word con excel para combinar correspondencia
Carta word con excel para combinar correspondenciaCarta word con excel para combinar correspondencia
Carta word con excel para combinar correspondencialeidymtzugmex
 
Pasos para combinar correspondencia (2)
Pasos para combinar correspondencia (2)Pasos para combinar correspondencia (2)
Pasos para combinar correspondencia (2)leidymtzugmex
 
Definición de datos
Definición de datosDefinición de datos
Definición de datosleidymtzugmex
 
Características de antivirus
Características de antivirusCaracterísticas de antivirus
Características de antivirusleidymtzugmex
 
Definición de datos e informaciòn
Definición de datos e informaciònDefinición de datos e informaciòn
Definición de datos e informaciònleidymtzugmex
 
TIPOS DE MEMORIAS, TARJETA MADRE Y PERIFÉRICOS DE ENTRADA Y SALIDA
TIPOS DE MEMORIAS, TARJETA MADRE Y PERIFÉRICOS DE ENTRADA Y SALIDATIPOS DE MEMORIAS, TARJETA MADRE Y PERIFÉRICOS DE ENTRADA Y SALIDA
TIPOS DE MEMORIAS, TARJETA MADRE Y PERIFÉRICOS DE ENTRADA Y SALIDAleidymtzugmex
 
Herramientas tecnólogicas 1
Herramientas tecnólogicas 1Herramientas tecnólogicas 1
Herramientas tecnólogicas 1leidymtzugmex
 

Más de leidymtzugmex (11)

Foro y tipos de foros
Foro y tipos de forosForo y tipos de foros
Foro y tipos de foros
 
como quiero mi Pagina web
como quiero mi Pagina webcomo quiero mi Pagina web
como quiero mi Pagina web
 
PASOS PARA FORMATEAR Y HACER BOOTEABLE UNA USB Y LO QUE ES HIREN'S BOOTCD
PASOS PARA FORMATEAR Y HACER BOOTEABLE UNA USB Y LO QUE ES HIREN'S BOOTCDPASOS PARA FORMATEAR Y HACER BOOTEABLE UNA USB Y LO QUE ES HIREN'S BOOTCD
PASOS PARA FORMATEAR Y HACER BOOTEABLE UNA USB Y LO QUE ES HIREN'S BOOTCD
 
Presentación2
Presentación2Presentación2
Presentación2
 
Carta word con excel para combinar correspondencia
Carta word con excel para combinar correspondenciaCarta word con excel para combinar correspondencia
Carta word con excel para combinar correspondencia
 
Pasos para combinar correspondencia (2)
Pasos para combinar correspondencia (2)Pasos para combinar correspondencia (2)
Pasos para combinar correspondencia (2)
 
Definición de datos
Definición de datosDefinición de datos
Definición de datos
 
Características de antivirus
Características de antivirusCaracterísticas de antivirus
Características de antivirus
 
Definición de datos e informaciòn
Definición de datos e informaciònDefinición de datos e informaciòn
Definición de datos e informaciòn
 
TIPOS DE MEMORIAS, TARJETA MADRE Y PERIFÉRICOS DE ENTRADA Y SALIDA
TIPOS DE MEMORIAS, TARJETA MADRE Y PERIFÉRICOS DE ENTRADA Y SALIDATIPOS DE MEMORIAS, TARJETA MADRE Y PERIFÉRICOS DE ENTRADA Y SALIDA
TIPOS DE MEMORIAS, TARJETA MADRE Y PERIFÉRICOS DE ENTRADA Y SALIDA
 
Herramientas tecnólogicas 1
Herramientas tecnólogicas 1Herramientas tecnólogicas 1
Herramientas tecnólogicas 1
 

Último

El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.JonathanCovena1
 
el poder del estado en el siglo XXI.pptx
el poder del estado en el siglo XXI.pptxel poder del estado en el siglo XXI.pptx
el poder del estado en el siglo XXI.pptxsubfabian
 
Síndrome piramidal 2024 según alvarez, farrera y wuani
Síndrome piramidal 2024 según alvarez, farrera y wuaniSíndrome piramidal 2024 según alvarez, farrera y wuani
Síndrome piramidal 2024 según alvarez, farrera y wuanishflorezg
 
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...Chema R.
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfNELLYKATTY
 
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdf
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdfGran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdf
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdfEdgar R Gimenez
 
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfANEP - DETP
 
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxcuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxANDREAGRACEDURANSALA
 
LA ORALIDAD, DEFINICIÓN Y CARACTERÍSTICAS.pptx
LA ORALIDAD, DEFINICIÓN Y CARACTERÍSTICAS.pptxLA ORALIDAD, DEFINICIÓN Y CARACTERÍSTICAS.pptx
LA ORALIDAD, DEFINICIÓN Y CARACTERÍSTICAS.pptxJhordanBenitesSanche2
 
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesisnovelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesisPsicClinGlendaBerrez
 
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdfEdiciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdfDemetrio Ccesa Rayme
 
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdfANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdflvela1316
 
Realitat o fake news? – Què causa el canvi climàtic? - La desertització
Realitat o fake news? – Què causa el canvi climàtic? - La desertitzacióRealitat o fake news? – Què causa el canvi climàtic? - La desertització
Realitat o fake news? – Què causa el canvi climàtic? - La desertitzacióPere Miquel Rosselló Espases
 

Último (20)

El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
 
el poder del estado en el siglo XXI.pptx
el poder del estado en el siglo XXI.pptxel poder del estado en el siglo XXI.pptx
el poder del estado en el siglo XXI.pptx
 
Síndrome piramidal 2024 según alvarez, farrera y wuani
Síndrome piramidal 2024 según alvarez, farrera y wuaniSíndrome piramidal 2024 según alvarez, farrera y wuani
Síndrome piramidal 2024 según alvarez, farrera y wuani
 
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
 
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
 
Power Point : Motivados por la esperanza
Power Point : Motivados por la esperanzaPower Point : Motivados por la esperanza
Power Point : Motivados por la esperanza
 
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdf
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdfGran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdf
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdf
 
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
 
¿Que es Fuerza? online 2024 Repaso CRECE.pptx
¿Que es Fuerza? online 2024 Repaso CRECE.pptx¿Que es Fuerza? online 2024 Repaso CRECE.pptx
¿Que es Fuerza? online 2024 Repaso CRECE.pptx
 
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxcuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
 
LA ORALIDAD, DEFINICIÓN Y CARACTERÍSTICAS.pptx
LA ORALIDAD, DEFINICIÓN Y CARACTERÍSTICAS.pptxLA ORALIDAD, DEFINICIÓN Y CARACTERÍSTICAS.pptx
LA ORALIDAD, DEFINICIÓN Y CARACTERÍSTICAS.pptx
 
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesisnovelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
 
Sesión de clase Motivados por la esperanza.pdf
Sesión de clase Motivados por la esperanza.pdfSesión de clase Motivados por la esperanza.pdf
Sesión de clase Motivados por la esperanza.pdf
 
Luz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela SabáticaLuz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela Sabática
 
Revista Faro Normalista 6, 18 de mayo 2024
Revista Faro Normalista 6, 18 de mayo 2024Revista Faro Normalista 6, 18 de mayo 2024
Revista Faro Normalista 6, 18 de mayo 2024
 
flujo de materia y energía ecosistemas.
flujo de materia y  energía ecosistemas.flujo de materia y  energía ecosistemas.
flujo de materia y energía ecosistemas.
 
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdfEdiciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
 
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdfANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
 
Realitat o fake news? – Què causa el canvi climàtic? - La desertització
Realitat o fake news? – Què causa el canvi climàtic? - La desertitzacióRealitat o fake news? – Què causa el canvi climàtic? - La desertització
Realitat o fake news? – Què causa el canvi climàtic? - La desertització
 

Etiquetas básicas de html

  • 1. NOMBRE: Leidy Laura Navarro Mtz MATERIA: Herramientas tecnológicas GRADO: 1º GRUPO: “A” TEMA: Etiquetas básicas de HTML ESCUELA: UGMEX LICENCIATURA: Psicología MAESTRO: Israel Campos Enriquez
  • 2. ETIQUETAS BÁSICAS DE HTML ETIQUETAS BÁSICAS Plantilla básica <! DOCTYPE HTML PUBLIC”-//W3C//DTD HTML 4.0//EN”> <HTML> <HEAD> <TITLE> </TITLE> <META NAME=”AUTHOR” CONTENT=” “> <META NAME=KEYWORDS” CONTENT=””> </HEAD> <BODY> </BODY> </HTML> B.Las que van a servir para mejorar el aspecto de los documentos web. Entre ellas están: o Insertar imágenes o Listas (ordenadas y desordenadas) o Tablas o Formularios (no los veremos) B.1.Insertar imágenes <IMG SRC=”NOMBRE DE LA IMAGEN.JPG”> El nombre de la imagen y su extensión que indicará el formato de imagen. En la web los formatos que pesan menos son .jpg y .gif.
  • 3. B.2. Listas (ordenadas y desordenadas) Ordenadas (<OL>) <OL> <LI> <LI> </OL> Desordenadas (<UL>) <UL> <LI> <LI> </UL> Nota: habrá tantas etiquetas <LI> como líneas queramos insertar en nuestra relación. B.3. Tablas <TABLE BORDER=1> (comienzo de una tabla; border=1 indica el grosor de la barra. Si no ponemos nada, es decir, la etiqueta Table a secas, no se visualizará el borde de la tabla) <TR> (comienzo de una línea de la tabla) </TR> (Final de la línea) <TD> (Comienzo de una celda) </TD> (Final de una celda) <TH> (Comienzo de una celda de cabecera de tabla) </TH> (Final de una celda de cabecera de tabla) </TABLE> (Final de Tabla) NOTA: pondremos tantas etiquetas <TH> y <TD> como columnas y filas tenga la tabla.