Cómo crear una página web simple con el Bloc de notas: 15 pasos

Tabla de contenido:

Cómo crear una página web simple con el Bloc de notas: 15 pasos
Cómo crear una página web simple con el Bloc de notas: 15 pasos

Video: Cómo crear una página web simple con el Bloc de notas: 15 pasos

Video: Cómo crear una página web simple con el Bloc de notas: 15 pasos
Video: 5 usos interesantes para una VPN 2024, Mayo
Anonim

Todos los días accedemos a varios sitios web. Sin embargo, a veces nos preguntamos, ¿es difícil crear tu propio sitio web? En este artículo, se le guiará para crear una página web HTML simple con el Bloc de notas.

Paso

Método 1 de 1: creación de su propia página web

Crear una página web simple usando el Bloc de notas Paso 1
Crear una página web simple usando el Bloc de notas Paso 1

Paso 1. Abra el Bloc de notas

Este editor de texto es un programa integrado disponible en todas las computadoras con Windows y se puede encontrar en el menú Inicio. Una vez que se abra el Bloc de notas, haga clic en Archivo> Guardar como, luego seleccione Todos los archivos en la columna Tipo de archivo. Guarde su archivo creado en formato HTML. Generalmente, la página principal de un sitio tiene el nombre de archivo "index.html" y contiene enlaces a todas las páginas del sitio.

Cree una página web simple usando el Bloc de notas Paso 2
Cree una página web simple usando el Bloc de notas Paso 2

Paso 2. Comprender HTML

La marca (etiqueta) en HTML (lenguaje de marcado de hipertexto) está en formato.

Estas marcas sirven para construir su sitio web. Para finalizar el código HTML, utilice una etiqueta de cierre, como. La marca de cierre es útil para cerrar varias marcas, como las de negrita o de párrafo.

Cree una página web simple usando el Bloc de notas Paso 3
Cree una página web simple usando el Bloc de notas Paso 3

Paso 3. Inicie su página web insertando una etiqueta en la parte superior del archivo

Crear una página web simple usando el Bloc de notas Paso 4
Crear una página web simple usando el Bloc de notas Paso 4

Paso 4. Utilice etiquetas para ingresar información diversa

Las marcas son útiles para establecer el título de la página, mientras que las etiquetas (opcionales) se utilizan para ingresar una explicación del contenido de la página web. Luego, los motores de búsqueda, como Google, leerán el letrero.

Cree una página web simple usando el Bloc de notas Paso 5
Cree una página web simple usando el Bloc de notas Paso 5

Paso 5. Después de ingresar la etiqueta, coloque el título de la página con la etiqueta, por ejemplo, wikiHow HTML

Crear una página web simple usando el Bloc de notas Paso 6
Crear una página web simple usando el Bloc de notas Paso 6

Paso 6. Termine el encabezado del sitio usando el letrero

Crear una página web simple usando el Bloc de notas Paso 7
Crear una página web simple usando el Bloc de notas Paso 7

Paso 7. Utilice etiquetas para ingresar al contenido de la página

Tenga en cuenta que los navegadores no admiten todos los colores. Por ejemplo, es posible que el gris oscuro no sea compatible.

Crear una página web simple usando el Bloc de notas Paso 8
Crear una página web simple usando el Bloc de notas Paso 8

Paso 8. Escriba el contenido de la página web entre

Por ejemplo, comience creando un encabezado de sitio. El encabezado del sitio es la parte del sitio en letras grandes y está marcado con un letrero

Hasta que

. Firmar

que puede utilizar para crear un encabezado de sitio con el tamaño de fuente más grande. Intente usar el letrero justo debajo del letrero, como

¡Bienvenido a mi sitio

. Asegúrate de cerrar el letrero

al final de la oración.

Crear una página web simple usando el Bloc de notas Paso 9
Crear una página web simple usando el Bloc de notas Paso 9

Paso 9. Crea un párrafo en la página con la marca.

Por ejemplo, escribe

¡Prueba de párrafo!

Para crear una nueva línea, use el signo, o descansos.

Cree una página web simple usando el Bloc de notas Paso 10
Cree una página web simple usando el Bloc de notas Paso 10

Paso 10. Ciertamente, no desea que la página web que cree contenga solo texto sin formato

Utilice las siguientes banderas para dar formato al texto en las páginas web: poner texto en negrita, poner texto en cursiva y subrayarlo. Después de usar el letrero de arriba, ¡no olvide cerrarlo!

Cree una página web simple usando el Bloc de notas Paso 11
Cree una página web simple usando el Bloc de notas Paso 11

Paso 11. Agregar imagen con signo

Image
Image

para embellecer el sitio y agregar información que no se puede explicar en forma de texto.

Firmar

Crear una página web simple usando el Bloc de notas Paso 13
Crear una página web simple usando el Bloc de notas Paso 13

requiere cierta información para funcionar. La sintaxis completa del signo.

puede tener la siguiente forma:.

El parámetro src en el signo sirve para escribir el nombre del archivo de imagen y la función de ancho y alto para describir el largo y ancho.

Paso 12. Cree un enlace que lleve a otra página con, por ejemplo, Otra página

El texto en el medio de la marca es el texto que aparecerá en la página, mientras que el parámetro href contiene la página de destino. Con los enlaces, los visitantes pueden moverse a diferentes páginas de su sitio fácilmente.

Paso 13. Cuando haya terminado de completar el sitio, finalice la página cerrando el

Finalmente, cierre el código HTML con

Crear una página web simple usando el Bloc de notas Paso 14
Crear una página web simple usando el Bloc de notas Paso 14

Paso 14. Guarde su página web creada con la extensión.html y ábrala en su navegador favorito para probarla

Crear una página web simple usando el Bloc de notas Paso 15
Crear una página web simple usando el Bloc de notas Paso 15

Paso 15. Lea la siguiente guía para cargar su sitio en Internet

Consejos

  • En Internet, hay varios sitios que contienen guías para crear un sitio web. W3school es un sitio con buen material.
  • Asegúrese de cerrar todas las etiquetas del archivo HTML.
  • Ponga una marca en la primera línea del archivo, antes del. Esta bandera indica que el archivo que está creando es un archivo HTML5.
  • Cambie la fuente con las marcas antes y después. Reemplace "N" con el tipo de letra que desee, por ejemplo "Verdana".
  • Si necesita usar corchetes angulares, use el código. Mientras tanto, para usar el signo &, use el código &.
  • De acuerdo con los tutoriales de HTML, siempre debe nombrar los archivos y carpetas web en minúsculas, sin espacios ni puntuación. Si bien Windows le permite poner espacios en los nombres de los archivos, muchos proveedores de alojamiento no lo hacen. Además, un nombre de archivo ordenado le facilitará la administración de su sitio.

Recomendado: