SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
• Para comenzar cualquier proyecto recomendamos crear una carpeta
para el ejercicio en la ubicación de disco que prefieras, puede ser
documentos o en el escritorio.
• Para este ejemplo creamos uno llamado EJEMPLOS HTML
 Abrimos el programa “Bloc de Notas”.
 Luego comenzamos la escritura del programa, para
este ejemplo creamos una página web básica que
muestre el mensaje “Bienvenido a este nuevo
Semestre Virtual”.
• La primera línea (<html>) indica el inicio del documento
HTML, esta etiqueta tiene su respectiva etiqueta de cierre
(</html>) al final de nuestro documento.
• Después sigue la etiqueta (<head>) que al igual tiene su
etiqueta de cierre (</head>), estás etiquetas indican la
cabecera del documento HTML.
• Dentro del HEAD encontramos la etiqueta (<title>) con su
etiqueta de cierre (</title>) dentro de estás etiquetas se
escribirá el título de nuestra página.
• Después pasamos al cuerpo del documento que está
delimitado por las etiquetas (<body>) y (</body>) dentro
del cuerpo del documento es donde vamos a escribir
todo aquello que se visualizará en el navegador al abrir la
página, en este caso lo que se visualizará es el mensaje:
“Bienvenido a este nuevo Semestre Virtual".
Ahora, para poder ejecutar nuestro archivo necesitamos
de cualquier navegador y previamente guardar el
archivo de la siguiente manera:
1. Una ves ingresado el código en un documento de
cualquier editor de texto, en nuestro caso utilizaremos el
programa bloc de notas como se indico en el proceso
anterior procedemos a guardar el archivo con el
nombre: ejemplo.html
2. No olvidar que es importante poner al final del nombre
del archivo la extensión .html.
3. Ingresamos al lugar donde se guardo el archivo y lo
abrimos a través de cualquier navegador de su
preferencia. A continuación se ilustra lo explicado en
este apartado.
Para visualizar el archivo, abrimos con
nuestro navegador preferido.
Las etiquetas de
encabezados se utilizan
para diferenciar textos
o párrafos unos de
otros. Las etiquetas de
las cabeceras serian:
h1, h2, h3, h4, h5 y h6.
Tienen un orden
jerárquico, en el que H1
es el de mayor tamaño.
Crear archivo html (1)

Más contenido relacionado

La actualidad más candente

¿Como Hacer una página web? Diana Lopez
¿Como Hacer una página web?  Diana Lopez¿Como Hacer una página web?  Diana Lopez
¿Como Hacer una página web? Diana Lopezgrupoaac
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina WebJoshi Tüsa
 
Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3DESARO
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio webtomyycerr
 
Capitulo II
Capitulo IICapitulo II
Capitulo IImanu1819
 
Guía paso a paso para crear una página web
Guía paso a paso para crear una página webGuía paso a paso para crear una página web
Guía paso a paso para crear una página webLUZ ARIZPE
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina webkatherinviviana
 
Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.Dámaris Giacometti
 

La actualidad más candente (17)

Practica mundo
Practica mundoPractica mundo
Practica mundo
 
¿Como Hacer una página web? Diana Lopez
¿Como Hacer una página web?  Diana Lopez¿Como Hacer una página web?  Diana Lopez
¿Como Hacer una página web? Diana Lopez
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 
El doctype de HTML5
El doctype de HTML5El doctype de HTML5
El doctype de HTML5
 
Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3
 
tarea_sesion3MTA
tarea_sesion3MTAtarea_sesion3MTA
tarea_sesion3MTA
 
Tarea sesion3 alvarez_bernal
Tarea sesion3 alvarez_bernalTarea sesion3 alvarez_bernal
Tarea sesion3 alvarez_bernal
 
Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3
 
Informe 7
Informe 7Informe 7
Informe 7
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
 
Capitulo II
Capitulo IICapitulo II
Capitulo II
 
Especialista Web J3
Especialista Web   J3Especialista Web   J3
Especialista Web J3
 
Guía paso a paso para crear una página web
Guía paso a paso para crear una página webGuía paso a paso para crear una página web
Guía paso a paso para crear una página web
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.
 
Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.
 

Similar a Crear archivo html (1) (20)

Html
HtmlHtml
Html
 
Curso de diseño CSS
Curso de diseño CSSCurso de diseño CSS
Curso de diseño CSS
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
XHTML
XHTMLXHTML
XHTML
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
Manual html
Manual htmlManual html
Manual html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Curso html
Curso htmlCurso html
Curso html
 
Manual de java script practico
Manual de java script practicoManual de java script practico
Manual de java script practico
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
Curso htm profe. andres l
Curso htm profe.  andres lCurso htm profe.  andres l
Curso htm profe. andres l
 
Aprender El Lenguaje Html
Aprender El Lenguaje HtmlAprender El Lenguaje Html
Aprender El Lenguaje Html
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 

Más de DenisseChacaguasay (20)

Operadores y expresiones
Operadores y expresionesOperadores y expresiones
Operadores y expresiones
 
Vectores
VectoresVectores
Vectores
 
Bucle foreach
Bucle foreachBucle foreach
Bucle foreach
 
Bucle for (1)
Bucle for (1)Bucle for (1)
Bucle for (1)
 
Bucle while
Bucle whileBucle while
Bucle while
 
Sentencias de decision (2)
Sentencias de decision (2)Sentencias de decision (2)
Sentencias de decision (2)
 
Tablas u3 e5
Tablas u3 e5Tablas u3 e5
Tablas u3 e5
 
Ejercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_cEjercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_c
 
Tarea con switch
Tarea con switchTarea con switch
Tarea con switch
 
I7 u2
I7 u2I7 u2
I7 u2
 
I6 u2
I6 u2I6 u2
I6 u2
 
I5 u2
I5 u2I5 u2
I5 u2
 
Ejercicios y operadores lógicos
Ejercicios y operadores lógicosEjercicios y operadores lógicos
Ejercicios y operadores lógicos
 
Sintaxis básica, variables y constantes
Sintaxis básica, variables y constantesSintaxis básica, variables y constantes
Sintaxis básica, variables y constantes
 
Img20210708 18023345
Img20210708 18023345Img20210708 18023345
Img20210708 18023345
 
Sintaxis básica, variables y constantes (3)
Sintaxis básica, variables y constantes (3)Sintaxis básica, variables y constantes (3)
Sintaxis básica, variables y constantes (3)
 
Configuración y aplicación de php
Configuración y aplicación de phpConfiguración y aplicación de php
Configuración y aplicación de php
 
Generalidades php
Generalidades phpGeneralidades php
Generalidades php
 
Css
CssCss
Css
 
I6 u1
I6 u1I6 u1
I6 u1
 

Último

ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
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
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
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
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
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
 
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
 
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
 
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
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 

Último (20)

ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.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
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
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
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
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
 
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...
 
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
 
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
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 

Crear archivo html (1)

  • 1.
  • 2. • Para comenzar cualquier proyecto recomendamos crear una carpeta para el ejercicio en la ubicación de disco que prefieras, puede ser documentos o en el escritorio. • Para este ejemplo creamos uno llamado EJEMPLOS HTML
  • 3.  Abrimos el programa “Bloc de Notas”.  Luego comenzamos la escritura del programa, para este ejemplo creamos una página web básica que muestre el mensaje “Bienvenido a este nuevo Semestre Virtual”.
  • 4. • La primera línea (<html>) indica el inicio del documento HTML, esta etiqueta tiene su respectiva etiqueta de cierre (</html>) al final de nuestro documento. • Después sigue la etiqueta (<head>) que al igual tiene su etiqueta de cierre (</head>), estás etiquetas indican la cabecera del documento HTML. • Dentro del HEAD encontramos la etiqueta (<title>) con su etiqueta de cierre (</title>) dentro de estás etiquetas se escribirá el título de nuestra página. • Después pasamos al cuerpo del documento que está delimitado por las etiquetas (<body>) y (</body>) dentro del cuerpo del documento es donde vamos a escribir todo aquello que se visualizará en el navegador al abrir la página, en este caso lo que se visualizará es el mensaje: “Bienvenido a este nuevo Semestre Virtual".
  • 5. Ahora, para poder ejecutar nuestro archivo necesitamos de cualquier navegador y previamente guardar el archivo de la siguiente manera: 1. Una ves ingresado el código en un documento de cualquier editor de texto, en nuestro caso utilizaremos el programa bloc de notas como se indico en el proceso anterior procedemos a guardar el archivo con el nombre: ejemplo.html 2. No olvidar que es importante poner al final del nombre del archivo la extensión .html. 3. Ingresamos al lugar donde se guardo el archivo y lo abrimos a través de cualquier navegador de su preferencia. A continuación se ilustra lo explicado en este apartado.
  • 6.
  • 7. Para visualizar el archivo, abrimos con nuestro navegador preferido.
  • 8.
  • 9. Las etiquetas de encabezados se utilizan para diferenciar textos o párrafos unos de otros. Las etiquetas de las cabeceras serian: h1, h2, h3, h4, h5 y h6. Tienen un orden jerárquico, en el que H1 es el de mayor tamaño.