Tabla de contenido:
- Suministros
- Paso 1: el comienzo
- Paso 2: Configurar el archivo HTML
- Paso 3: Configurar el archivo CSS
- Paso 4: Bueno, eso fue todo
Video: Cómo hacer un sitio web básico usando el Bloc de notas: 4 pasos
2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:40
Alguien se ha preguntado
"¿Cómo hago un sitio web con un programa de escritura básico?"
Bueno, obviamente, no específicamente …
De todos modos, aquí te mostraré cómo hacer un sitio web BÁSICO usando solo el bloc de notas.
Suministros
Para este proyecto necesitará:
-un gran cerebro
-bloc
-quizá una hoja de trucos de comandos HTML y CSS
-mucha paciencia
Paso 1: el comienzo
Abra el bloc de notas. De hecho, ábrelo dos veces. Estarás codificando 2 archivos al mismo tiempo.
Ahora, guarde ambos archivos. Uno será [nombre de archivo].html y el otro será [nombre de archivo].css
Paso 2: Configurar el archivo HTML
En el archivo HTML, escriba en la primera línea "" omitir una línea
línea 2 -
línea 3 - [nombre de la página]
línea 4 -
línea 5 -
saltar una línea
línea 6 -
línea 7 -
[lo que quieres en la primera línea. este es texto normal.]
línea 8 -
línea 9 -
Ahora, edite dónde coloco los mensajes en
EXPLICACIÓN - - -
indica el inicio del código.
indica el inicio del encabezado.
indica lo que se mostrará en el nombre de la pestaña
+ otro código en el enlace vinculará la hoja de estilo css al html para estilos.
termina la declaración.
termina la declaración del encabezado
indica el comienzo del texto / código del cuerpo
es el comienzo del párrafo del texto que aparecerá cuando ejecute el código html.
lo adivinaste. termina las declaraciones del cuerpo
significa el final del código.
Paso 3: Configurar el archivo CSS
en la primera línea del archivo CSS, ponga (@charset "utf-8";)
línea 2 - cuerpo
línea 3 {fondo: [lo que quieres como color de fondo]
línea 4 -}
línea 5 - h1 {
línea 6 - familia de fuentes: negrita
línea 7 -}
Puede agregar más variables y cambiar mis notas entre
Paso 4: Bueno, eso fue todo
Si lo desea, puede utilizar una guía mejor como "Conceptos básicos del diseño web" de vishalapr
www.instructables.com/Web-Designing-Basics…
Además, tenga en cuenta que el bloc de notas no le muestra dónde falla su código.
Es por eso que se recomienda el software de codificación de sitios web.
Recomendado:
¡Cómo convertir texto a audio usando el Bloc de notas !: 8 pasos
¡Cómo convertir texto en audio usando el Bloc de notas!: Este Instructable le mostrará cómo convertir texto en audio usando el Bloc de notas. Suscríbase a mi canal Gracias
TUTORIAL BÁSICO SOBRE EL LENGUAJE DE MARCADO DE INTELIGENCIA ARTIFICIAL (AIML) A TRAVÉS DE BLOC DE NOTAS: 8 pasos
TUTORIAL BÁSICO SOBRE EL LENGUAJE DE MARCADO DE INTELIGENCIA ARTIFICIAL (AIML) A TRAVÉS DE NOTEPAD: El lenguaje de marcado de inteligencia artificial (AIML) es un lenguaje de programación que es una especificación de lenguaje de marcado extensible (XML) utilizada por chatbot, verbot, pandorabot, superbot y otros robots parlantes. Fue desarrollado por el Dr. Richard Wallace y
Hacer un juego en el Bloc de notas y mucho más: 10 pasos
Hacer un juego en el Bloc de notas y mucho más: este es mi primer instructivo. Entonces, si tiene alguna sugerencia, comente. ¡Empecemos! Cuando todos escuchamos la palabra bloc de notas, pensamos en algunas aplicaciones aburridas e inútiles para anotar cosas. Bueno, el bloc de notas es mucho más que eso. Podemos controlar nuestro p
Cómo hacer un cuadro de mensaje en el Bloc de notas: 3 pasos
Cómo hacer un cuadro de mensaje en el Bloc de notas: Hola. Te voy a enseñar cómo hacer un cuadro de mensaje. Todo lo que necesita es el Bloc de notas. Si tiene algún comentario, no dude en publicarlo. ¡Empieza a aprender y diviértete
Cómo agregar "Abrir con el Bloc de notas" para hacer clic con el botón derecho: 11 pasos
Cómo agregar "Abrir con el Bloc de notas" para hacer clic con el botón derecho: Personalmente, odio usar "abrir con" debido al tiempo, incluso si son solo unos segundos, y tener que recordar dónde se encuentra exactamente un determinado programa en mi directorio. . Esto le mostrará cómo agregar CUALQUIER programa al botón derecho (menú contextual