SlideShare una empresa de Scribd logo
1 de 8
 La estructura de html se basa en 2 bloques, “Head Y
Body” cual significaría cabeza y cuerpo. Un ejemplo
de como seria la estructura de HTML
 <html>
 <head>
 <title>Titulo del sitio web</title>
 </head>
 <body>
 Contenido del sitio web
 </body>
 </html>
 La parte de Head, es la parte donde hace peticiones de
archivos y tiene información importante de tu sitio web
un ejemplo de como se vería:
 <html>
 <head>
 <meta name="description" content="Descripción de tu web">
 <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css">
 <title>Titulo de tu web</title>
 </head>
 <body>
 Contenido de tu web
 </body>
 </html>
 Ahora dentro de la etiqueta <head>, se encuentra
diferentes etiquetas como <meta>, <link> , etc. Te
explicaré para que sirven algunas de las etiquetas
mostradas.
 La etiqueta <meta> sirve para dar información sobe la página a
los buscadores. Se contraría etiquetas como:
 <meta name="author" content="Autor del contenido">
 <meta name="description" content="Descipción del sitio web">
 <meta name="keywords" content="Keywords del sitio web.">
 Son fundamentales para todos los sitios webs, gracias a estas
nuestro sitio web esta bien estructurado.
 Pero queda destacar que no solo da información, tambien puede
dar acciones ejemplo:
 <meta http-equiv="Refresh" content="60">
 Lo que ordena al navegador es que el sitio web visitado, se
actualice cada 60 segundos. Esto puede ser utilizados de
diferentes maneras, por si hay contenido nuevo, para estrategias
de cpa y, etc.
 Lo maravilloso de Html es que no requiere de algún tipo de S.O,
computador o un programa especial para poder crear un sitio con
web. Solo se necesita un ordenador, sistema operativo cualquiera y
cualquier procesador de texto.
 CREAR UNA WEB SIMPLE HTML CON BLOC DE NOTAS
 En este caso utilizaré solo bloc de notas, este seria un ejemplo de
página web en HTML. Comienzo abriendo el bloc de notas y escribo lo
siguiente:
 <html>
 <head>
 <title>Este es un sitio web simple creado con el editor bloc de
notas</title>
 </head>
 <body>
 Saludos esta es una web simple, gracias al editor de bloc de notas.
 </body>
 </html>
 Una ves creado guardarlo y llamarlo como quieras, pero que
termine en “.HTMÑ” cual es la extensión de una archivo html.
Ahora que tenemos nuestro archivo *.HTML, lo único que nos
queda es abrirlo con algún navegador.
 Con esto ya seria todo, ya tendrias tu pagina web muy simple,
hecho con html.

Más contenido relacionado

La actualidad más candente

Proceso de desarrollo java script
Proceso de desarrollo java scriptProceso de desarrollo java script
Proceso de desarrollo java scriptGuackaXVI
 
Partes de una web
Partes de una webPartes de una web
Partes de una webomargerman
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibellosantiagomez903
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en htmlhussein_gabriel
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1luchopaisa
 
diagrama de flujo
diagrama de flujodiagrama de flujo
diagrama de flujoDiego Gomez
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notasSandra Meza
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página webadri9610
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5hjxbfajds
 

La actualidad más candente (17)

Proceso de desarrollo java script
Proceso de desarrollo java scriptProceso de desarrollo java script
Proceso de desarrollo java script
 
trabajo cuarto periodo
trabajo cuarto periodotrabajo cuarto periodo
trabajo cuarto periodo
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
diagrama de flujo
diagrama de flujodiagrama de flujo
diagrama de flujo
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 
Producto 3
Producto 3Producto 3
Producto 3
 
Html 5 y css viviana
Html 5 y css vivianaHtml 5 y css viviana
Html 5 y css viviana
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5
 
Neisa
NeisaNeisa
Neisa
 
Intro html5
Intro html5Intro html5
Intro html5
 

Similar a Html (20)

Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
 
Html
HtmlHtml
Html
 
Estructura basica de una pagina web
Estructura basica de una pagina webEstructura basica de una pagina web
Estructura basica de una pagina web
 
Como hacer una página web fácil
Como hacer una página web fácilComo hacer una página web fácil
Como hacer una página web fácil
 
crear una web
crear una web crear una web
crear una web
 
Guia4 html
Guia4 htmlGuia4 html
Guia4 html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Apuntes de HTML
Apuntes de HTMLApuntes de HTML
Apuntes de HTML
 
Articulo monica y christian "español"
Articulo monica y christian "español"Articulo monica y christian "español"
Articulo monica y christian "español"
 
Tema 2
Tema 2Tema 2
Tema 2
 
Estructura semantica Html5.pptx
Estructura semantica Html5.pptxEstructura semantica Html5.pptx
Estructura semantica Html5.pptx
 
Estructura basica de una pagina web en html
Estructura basica de una pagina web en htmlEstructura basica de una pagina web en html
Estructura basica de una pagina web en html
 
Programación básica de html5
Programación básica de html5Programación básica de html5
Programación básica de html5
 
Html icredes
Html icredesHtml icredes
Html icredes
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
Curso html
Curso htmlCurso html
Curso html
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Php curso02
Php   curso02Php   curso02
Php curso02
 

Último

Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minasMirkaCBauer
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 

Último (18)

Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minas
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 

Html

  • 1.
  • 2.  La estructura de html se basa en 2 bloques, “Head Y Body” cual significaría cabeza y cuerpo. Un ejemplo de como seria la estructura de HTML  <html>  <head>  <title>Titulo del sitio web</title>  </head>  <body>  Contenido del sitio web  </body>  </html>
  • 3.  La parte de Head, es la parte donde hace peticiones de archivos y tiene información importante de tu sitio web un ejemplo de como se vería:  <html>  <head>  <meta name="description" content="Descripción de tu web">  <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css">  <title>Titulo de tu web</title>  </head>  <body>  Contenido de tu web  </body>  </html>  Ahora dentro de la etiqueta <head>, se encuentra diferentes etiquetas como <meta>, <link> , etc. Te explicaré para que sirven algunas de las etiquetas mostradas.
  • 4.
  • 5.  La etiqueta <meta> sirve para dar información sobe la página a los buscadores. Se contraría etiquetas como:  <meta name="author" content="Autor del contenido">  <meta name="description" content="Descipción del sitio web">  <meta name="keywords" content="Keywords del sitio web.">  Son fundamentales para todos los sitios webs, gracias a estas nuestro sitio web esta bien estructurado.  Pero queda destacar que no solo da información, tambien puede dar acciones ejemplo:  <meta http-equiv="Refresh" content="60">  Lo que ordena al navegador es que el sitio web visitado, se actualice cada 60 segundos. Esto puede ser utilizados de diferentes maneras, por si hay contenido nuevo, para estrategias de cpa y, etc.
  • 6.
  • 7.  Lo maravilloso de Html es que no requiere de algún tipo de S.O, computador o un programa especial para poder crear un sitio con web. Solo se necesita un ordenador, sistema operativo cualquiera y cualquier procesador de texto.  CREAR UNA WEB SIMPLE HTML CON BLOC DE NOTAS  En este caso utilizaré solo bloc de notas, este seria un ejemplo de página web en HTML. Comienzo abriendo el bloc de notas y escribo lo siguiente:  <html>  <head>  <title>Este es un sitio web simple creado con el editor bloc de notas</title>  </head>  <body>  Saludos esta es una web simple, gracias al editor de bloc de notas.  </body>  </html>
  • 8.  Una ves creado guardarlo y llamarlo como quieras, pero que termine en “.HTMÑ” cual es la extensión de una archivo html. Ahora que tenemos nuestro archivo *.HTML, lo único que nos queda es abrirlo con algún navegador.  Con esto ya seria todo, ya tendrias tu pagina web muy simple, hecho con html.