SlideShare una empresa de Scribd logo
Crear archivo html (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
 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.
Crear archivo html (2)
Para visualizar el archivo, abrimos con
nuestro navegador preferido.
Crear archivo html (2)
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 (2)

Más contenido relacionado

PDF
Hipervinculos
PDF
Tutorial creacion Pagina Web
PDF
Crear archivo html
PPTX
Codigos html y como crear una pagina Web
PPTX
Estructura.html 1
Hipervinculos
Tutorial creacion Pagina Web
Crear archivo html
Codigos html y como crear una pagina Web
Estructura.html 1

La actualidad más candente (12)

PPTX
presentación de código html.pptx
PPTX
MANUAL PARA CREAR PÁGINAS WEB CON HTML
DOCX
Leslie rios y natasha saravia
PPTX
Expo html alexandra
PPTX
Expo html alexandra
PPTX
Expo html alexa
DOCX
Pagina a html
PPTX
Como crear paginas en html
PPTX
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
PPTX
Leccion 1 dream
DOC
pagina html
PPT
Paginas web en html
presentación de código html.pptx
MANUAL PARA CREAR PÁGINAS WEB CON HTML
Leslie rios y natasha saravia
Expo html alexandra
Expo html alexandra
Expo html alexa
Pagina a html
Como crear paginas en html
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
Leccion 1 dream
pagina html
Paginas web en html
Publicidad

Similar a Crear archivo html (2) (20)

PPTX
Html 3° medio
PDF
Practica Html1
PDF
Guia de html 3 y 4 periodo
PDF
Manual de html
PDF
Manual de html
PDF
Manual de html
PPTX
Html Basico en Español
PDF
Guia 1 y 2 paginas web 11 (modulo)
PPT
Clase 1
PDF
Modulo paginas
PDF
Clase 2 Desarrollo Web
DOCX
Descripción de la sintaxis con la que se trabaja en el lenguaje html
PDF
Informatica
PDF
Informatica
PDF
Informatica
PDF
Informatica
PPT
Primeraclase
PPT
Presentacinhtml 091121100213-phpapp02
PPTX
Producto 4
Html 3° medio
Practica Html1
Guia de html 3 y 4 periodo
Manual de html
Manual de html
Manual de html
Html Basico en Español
Guia 1 y 2 paginas web 11 (modulo)
Clase 1
Modulo paginas
Clase 2 Desarrollo Web
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Informatica
Informatica
Informatica
Informatica
Primeraclase
Presentacinhtml 091121100213-phpapp02
Producto 4
Publicidad

Más de JoelMorales84 (20)

PDF
Informe examen
PDF
Consulta bdd
PDF
Base de datos php myadmin (2)
PDF
Bucle foreach (1)
PDF
Bucle for
PDF
Bucle while
PDF
Sintaxis básica
PDF
Configuración y aplicación de php
PDF
Generalidades php (1)
PDF
Diseño de formularios (1)
PDF
PDF
Hipervinculos
PDF
Html5 img gif_sonido_video-comprimido
PDF
Editores de código
PDF
Html 5 (5)
PDF
3 s. programacion orientado objetos
PDF
Reglas
Informe examen
Consulta bdd
Base de datos php myadmin (2)
Bucle foreach (1)
Bucle for
Bucle while
Sintaxis básica
Configuración y aplicación de php
Generalidades php (1)
Diseño de formularios (1)
Hipervinculos
Html5 img gif_sonido_video-comprimido
Editores de código
Html 5 (5)
3 s. programacion orientado objetos
Reglas

Último (20)

PPTX
Clase 3 del silabo-gestion y control financiero
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
PDF
La lluvia sabe por qué: una historia sobre amistad, resiliencia y esperanza e...
PDF
IPERC...................................
PPTX
Presentación de la Cetoacidosis diabetica.pptx
PDF
Esc. Sab. Lección 7. El pan y el agua de vida.pdf
PDF
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE_COM.pdf
PDF
Como usar el Cerebro en las Aulas SG2 NARCEA Ccesa007.pdf
DOCX
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
PDF
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
PDF
2.0 Introduccion a processing, y como obtenerlo
PDF
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
PDF
Los10 Mandamientos de la Actitud Mental Positiva Ccesa007.pdf
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PDF
Telos 127 Generacion Al fa Beta - fundaciontelefonica
DOCX
PLANES DE área ciencias naturales y aplicadas
PDF
Texto Digital Los Miserables - Victor Hugo Ccesa007.pdf
DOC
Manual de Convivencia 2025 actualizado a las normas vigentes
PDF
EL aprendizaje adaptativo bajo STEM+H.pdf
Clase 3 del silabo-gestion y control financiero
Escuelas Desarmando una mirada subjetiva a la educación
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
La lluvia sabe por qué: una historia sobre amistad, resiliencia y esperanza e...
IPERC...................................
Presentación de la Cetoacidosis diabetica.pptx
Esc. Sab. Lección 7. El pan y el agua de vida.pdf
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE_COM.pdf
Como usar el Cerebro en las Aulas SG2 NARCEA Ccesa007.pdf
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
2.0 Introduccion a processing, y como obtenerlo
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
Los10 Mandamientos de la Actitud Mental Positiva Ccesa007.pdf
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
Telos 127 Generacion Al fa Beta - fundaciontelefonica
PLANES DE área ciencias naturales y aplicadas
Texto Digital Los Miserables - Victor Hugo Ccesa007.pdf
Manual de Convivencia 2025 actualizado a las normas vigentes
EL aprendizaje adaptativo bajo STEM+H.pdf

Crear archivo html (2)

  • 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.
  • 7. Para visualizar el archivo, abrimos con nuestro navegador preferido.
  • 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.