SlideShare una empresa de Scribd logo
zzzz
• ¿Qué es HTML?
• ¿Cómo se usa HTML?
• Pasos para utilizar HTML
HTML es un lenguaje de programación que
se utiliza para el desarrollo de páginas de
Internet. Se trata de la siglas que
corresponden a HyperText Markup
Language, es decir, Lenguaje de Marcas
de Hipertexto.
Existen muchos programas que se utilizan
para crear sitios web, pero la forma básica
de hacerlo es usando tu bloc de notas y el
lenguaje HTML.
1En primer lugar, aquí tienes algo de información acerca de HTML:
Para programar en HTML se utilizan "etiquetas". Éstas le dan formato al texto que luego
aparecerá en tu sitio web, crean tablas, insertan imágenes, etc.
Una etiqueta siempre va entre los símbolos "< >", de esta forma: <xxx>.
Todo lo demás que no esté entre los "< >" es lo que aparecerá en el sitio web.
Existen dos tipos de etiquetas: de apertura y de cierre.
Las etiquetas de apertura tienen sólo una palabra clave, por ejemplo: <xxx>.
Las etiquetas de cierre (las más comunes) tienen dos palabras clave. La última va al final de la
sentencia que quieres que aparezca en el sitio web y tiene el símbolo "/", por ejemplo:
<yyy> Hola, mi nombre es Dane </yyy>.
2
Abre un nuevo documento en el Bloc de
notas.
3
Escribe <html> <body> Bienvenido a mi
primer sitio web </body> </html>
4
Guarda el documento con el nombre que quieras, pero con la
extensión .html, por ejemplo: sitioweb.html. ¡Si no lo guardas así no
funcionará!
5
Dirígete hacia la carpeta en donde guardaste el documento. Allí
encontrarás el documento con el símbolo de Internet Explorer.
6
Ábrelo. Se verá así:
7
Experimenta con nuevas etiquetas. Aquí tienes una lista de
las más comunes:

Más contenido relacionado

La actualidad más candente

Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02nicolas-1996
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
Evangelina Ferreira
 
Producto 3
Producto 3Producto 3
Producto 3
rossini123
 
Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II html
crisotos
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6marcos_77
 

La actualidad más candente (14)

Html
HtmlHtml
Html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Html
HtmlHtml
Html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Htlm
HtlmHtlm
Htlm
 
Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II html
 
Arias
AriasArias
Arias
 
Navegadores
NavegadoresNavegadores
Navegadores
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 

Similar a Presentación1 html

Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerraCarlos Cubillos
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
Cristian Gonzalez
 
Html
HtmlHtml
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Nicolas Tavera
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraNicolas Tavera
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerradiegoarguilar
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerranicolascristancho
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodojulian_vargas
 
Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)
Felipe Castro
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodojulian_vargas
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodojulian_vargas
 
Guia 4 lenguaje html
Guia 4   lenguaje htmlGuia 4   lenguaje html
Guia 4 lenguaje html
Cristian Gonzalez
 

Similar a Presentación1 html (20)

Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML
HTMLHTML
HTML
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML 2
HTML 2 HTML 2
HTML 2
 
Colegio nacional nicolas esguerra
Colegio  nacional nicolas esguerraColegio  nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
HTML
HTMLHTML
HTML
 
Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Guia 4 lenguaje html
Guia 4   lenguaje htmlGuia 4   lenguaje html
Guia 4 lenguaje html
 
Cb fs
Cb fsCb fs
Cb fs
 

Último

Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
LuisAlbertoCordovaBa
 
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
XxsmalXxYT
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
juanlemus11122
 
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente CruzattSEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
vicenteariana54
 
derecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
derecho penal busqueda de pruebas en el derecho penal peruano latinoamericanoderecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
derecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
edwinchiri2
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
jesusmedina766305
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
JosvilAngel
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdfcaso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
RoxanaJuarezTello
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
mcavero2019
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
AlexanderCR12
 
Biografía Eugenio Díaz Castro su vida y su libros
Biografía Eugenio  Díaz Castro su vida y su librosBiografía Eugenio  Díaz Castro su vida y su libros
Biografía Eugenio Díaz Castro su vida y su libros
jhannimejia
 
Diapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptxDiapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptx
erick502105
 
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
edepjuanorozco
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 

Último (16)

Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
 
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
 
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente CruzattSEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
 
derecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
derecho penal busqueda de pruebas en el derecho penal peruano latinoamericanoderecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
derecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdfcaso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
 
Biografía Eugenio Díaz Castro su vida y su libros
Biografía Eugenio  Díaz Castro su vida y su librosBiografía Eugenio  Díaz Castro su vida y su libros
Biografía Eugenio Díaz Castro su vida y su libros
 
Diapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptxDiapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptx
 
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 

Presentación1 html

  • 2. • ¿Qué es HTML? • ¿Cómo se usa HTML? • Pasos para utilizar HTML
  • 3.
  • 4. HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto.
  • 5.
  • 6. Existen muchos programas que se utilizan para crear sitios web, pero la forma básica de hacerlo es usando tu bloc de notas y el lenguaje HTML.
  • 7.
  • 8. 1En primer lugar, aquí tienes algo de información acerca de HTML: Para programar en HTML se utilizan "etiquetas". Éstas le dan formato al texto que luego aparecerá en tu sitio web, crean tablas, insertan imágenes, etc. Una etiqueta siempre va entre los símbolos "< >", de esta forma: <xxx>. Todo lo demás que no esté entre los "< >" es lo que aparecerá en el sitio web. Existen dos tipos de etiquetas: de apertura y de cierre. Las etiquetas de apertura tienen sólo una palabra clave, por ejemplo: <xxx>. Las etiquetas de cierre (las más comunes) tienen dos palabras clave. La última va al final de la sentencia que quieres que aparezca en el sitio web y tiene el símbolo "/", por ejemplo: <yyy> Hola, mi nombre es Dane </yyy>.
  • 9. 2 Abre un nuevo documento en el Bloc de notas.
  • 10. 3 Escribe <html> <body> Bienvenido a mi primer sitio web </body> </html>
  • 11. 4 Guarda el documento con el nombre que quieras, pero con la extensión .html, por ejemplo: sitioweb.html. ¡Si no lo guardas así no funcionará!
  • 12. 5 Dirígete hacia la carpeta en donde guardaste el documento. Allí encontrarás el documento con el símbolo de Internet Explorer.
  • 14. 7 Experimenta con nuevas etiquetas. Aquí tienes una lista de las más comunes: