SlideShare a Scribd company logo
1 of 3
Download to read offline
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.

More Related Content

What's hot (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 to 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
 

More from 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
 

More from 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
 

Recently uploaded

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
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
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
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
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosJonathanCovena1
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
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
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
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
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
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
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 

Recently uploaded (20)

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
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
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.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...
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
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
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
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
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
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
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
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
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 

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.