SlideShare una empresa de Scribd logo
zzzz
• ¿Qué es HTML?
• ¿Cómo se usa HTML?
• Pasos para utilizar HTML
Presentación1 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.
Presentación1 html
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.
Presentación1 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

DOCX
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra
DOC
Curso de html
DOCX
Pagina web
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Curso de html
Pagina web

La actualidad más candente (14)

DOCX
Codigo html
DOCX
Introduccion a html
DOCX
Colegionacionalnicolasesguerra 120914133034-phpapp02
PPTX
Introducción a html
PPTX
Producto 3
DOCX
Introduccion a html
DOCX
PPTX
Clase 1 periodo II html
DOCX
Arias
DOCX
Navegadores
DOCX
Actividad nº6
DOCX
Colegio nacional nicolas esguerra html
Codigo html
Introduccion a html
Colegionacionalnicolasesguerra 120914133034-phpapp02
Introducción a html
Producto 3
Introduccion a html
Clase 1 periodo II html
Arias
Navegadores
Actividad nº6
Colegio nacional nicolas esguerra html
Publicidad

Similar a Presentación1 html (20)

DOCX
Colegio nacional nicolás esguerra
PPTX
Lenguaje html
PDF
Colegio nacional nicolas esguerra
PDF
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra
DOCX
DOCX
Colegio nacional nicolás esguerra
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra
DOCX
Trabajo informatica 4,periodo
DOCX
HTML
PDF
Como desarrollar una web (mod5 diplo ust)
DOCX
Trabajo informatica 4,periodo
DOCX
Trabajo informatica 4,periodo
PPTX
Guia 4 lenguaje html
DOCX
Cb fs
Colegio nacional nicolás esguerra
Lenguaje html
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Colegio nacional nicolás esguerra
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Trabajo informatica 4,periodo
HTML
Como desarrollar una web (mod5 diplo ust)
Trabajo informatica 4,periodo
Trabajo informatica 4,periodo
Guia 4 lenguaje html
Cb fs
Publicidad

Último (20)

PDF
TOMO II - LITERATURA.pd plusenmas ultras
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
Metodologías Activas con herramientas IAG
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
PDF
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
PDF
biología es un libro sobre casi todo el tema de biología
PDF
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
TOMO II - LITERATURA.pd plusenmas ultras
V UNIDAD - SEGUNDO GRADO. del mes de agosto
Metodologías Activas con herramientas IAG
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
Punto Critico - Brian Tracy Ccesa007.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
biología es un libro sobre casi todo el tema de biología
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
caso clínico iam clinica y semiología l3.pptx
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf

Presentación1 html

  • 2. • ¿Qué es HTML? • ¿Cómo se usa HTML? • Pasos para utilizar HTML
  • 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.
  • 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.
  • 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: