1. COMO HACER UNA PAGINA WEB HTML EN BLOC DE NOTAS 🔴 PASOS SENCILLOS PARA CREAR UNA PAGINA WEB

Byspel - Iván L.

16 Dec 202104:35

Summary

TLDREn este video tutorial, aprenderás a crear tu primera página web en HTML de forma sencilla. Comenzamos creando un archivo HTML en tu computadora y aprendemos sobre las etiquetas esenciales como `html`, `head`, `body`, y cómo agregar contenido básico como títulos y párrafos. A través de la edición en un bloc de notas o editor de texto, modificamos el archivo y visualizamos los cambios en un navegador. Este video te da las bases para empezar a desarrollar páginas web e introduce conceptos clave para avanzar en el aprendizaje de HTML y otras tecnologías web.

Takeaways

😀 Crea una carpeta en tu computadora para organizar los archivos de tu proyecto web.
😀 Utiliza un archivo de texto y cambia su extensión a .html para convertirlo en un documento HTML.
😀 Abre el archivo HTML con un editor de texto para poder escribir y editar las instrucciones de la página.
😀 El primer paso en HTML es establecer el tipo de documento con la declaración `<!DOCTYPE html>`.
😀 Dentro de la etiqueta `<html>`, la etiqueta `<head>` contiene la información meta, como el título de la página.
😀 El contenido visible de la página se coloca dentro de la etiqueta `<body>`, que es lo que verás en el navegador.
😀 Utiliza la etiqueta `<h1>` para títulos grandes, como el encabezado principal de tu página.
😀 Puedes agregar párrafos de texto dentro de la etiqueta `<p>` para organizar el contenido textual.
😀 Siempre guarda los cambios en tu archivo HTML y recarga la página en el navegador para ver los resultados.
😀 Usa la opción de 'Ver código fuente' en el navegador para revisar el código HTML generado por tu página.
😀 Este tutorial cubre los conceptos básicos de HTML, y en futuros videos se explorarán más etiquetas y funcionalidades como CSS y JavaScript.

Q & A

¿Cómo se crea un archivo HTML en el computador?
-Para crear un archivo HTML, primero crea una carpeta en tu computadora, luego dentro de esa carpeta, haz clic derecho y selecciona 'Nuevo' > 'Documento de texto'. Después, cambia la extensión del archivo de .txt a .html, como por ejemplo 'index.html'.
¿Por qué es necesario cambiar la extensión de un archivo de texto a .html?
-Cambiar la extensión de .txt a .html permite que el navegador reconozca el archivo como un documento HTML y pueda procesarlo correctamente para mostrarlo como una página web.
¿Qué hace la etiqueta <!DOCTYPE html> en un archivo HTML?
-La etiqueta <!DOCTYPE html> define el tipo de documento y le indica al navegador que el archivo es un documento HTML, lo que asegura que se procese correctamente.
¿Cuál es la función de la etiqueta <html> en un documento HTML?
-La etiqueta <html> encierra todo el contenido del documento HTML. Todo el código HTML, incluidas las secciones de <head> y <body>, debe estar dentro de esta etiqueta.
¿Qué se coloca dentro de la etiqueta <head> de una página HTML?
-Dentro de la etiqueta <head> se colocan metadatos sobre la página, como el título que aparecerá en la pestaña del navegador, usando la etiqueta <title>, y otras configuraciones como enlaces a archivos CSS o JavaScript.
¿Qué tipo de contenido va dentro de la etiqueta <body> de un archivo HTML?
-Dentro de la etiqueta <body> va todo el contenido visible en la página web, como texto, imágenes, enlaces, videos, y otros elementos que el usuario verá al abrir la página.
¿Cómo se agrega un título visible en la página web?
-Para agregar un título visible en la página web, se utiliza la etiqueta <h1>. Esta etiqueta define un encabezado de nivel 1, que se mostrará en grande en la página.
¿Cómo se inserta un párrafo de texto en un documento HTML?
-Para insertar un párrafo, se utiliza la etiqueta <p>. Todo el texto que deseas que aparezca en el párrafo debe ir dentro de esta etiqueta.
¿Qué debo hacer si no veo los cambios en mi página web después de modificar el archivo HTML?
-Si no ves los cambios, asegúrate de guardar el archivo después de editarlo y luego recarga la página en tu navegador. Si aún no aparece, verifica que el archivo esté correctamente guardado como .html.
¿Cómo puedo editar el código HTML de la página web de forma más cómoda?
-Puedes usar un editor de texto avanzado, como Sublime Text, Visual Studio Code o Atom, en lugar del bloc de notas. Estos editores proporcionan herramientas como autocompletado y resaltado de sintaxis que facilitan la programación en HTML.