Cómo crear una página web simple con corchetes para principiantes: 14 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:41

Introducción

Las siguientes instrucciones proporcionan una guía paso a paso para crear una página web utilizando corchetes. Brackets es un editor de código fuente con un enfoque principal en el desarrollo web. Creado por Adobe Systems, es un software gratuito y de código abierto con licencia MIT, y actualmente se mantiene en GitHub por Adobe y otros desarrolladores de código abierto. Está escrito en JavaScript, HTML y CSS.

Instrucciones

Nota: - Todas las etiquetas HTML deben estar entre corchetes:

Paso 1: descargue el software

descargue Brackets de este sitio web

Paso 2: Abra los soportes

Abra el software Brackets descargado en una computadora.

Paso 3: crea un archivo nuevo

Después de abrir los corchetes, haga clic en el icono de archivo en la parte superior izquierda de la ventana, luego haga clic en nuevo, verá el nuevo archivo "Sin título".

Paso 4: guardar como … el archivo

Haga clic con el botón derecho en este archivo "sin título", haga clic en guardar como, luego debe guardarlo en una unidad

en este punto puede dar cualquier nombre al archivo, solo asegúrese de agregar “.html” (punto html) después del nombre.

Paso 5: Comience con la etiqueta DOCTYPE

Cada página html debe comenzar con la siguiente etiqueta de estructura. Le dice al navegador qué "reglas seguir" al representar una página HTML.

Paso 6: etiqueta HTML

y - esas etiquetas son para iniciar y finalizar un documento.

Paso 7: Etiquetas para la cabeza y el cuerpo

Entre las etiquetas html, escriba y, donde contenga cosas "detrás de escena". Además, escribe y dónde contiene texto, imágenes, video, audio, etc.

Paso 8: metaetiqueta

Entre etiquetas, escriba donde proporcione información como términos de motores de búsqueda o codificación de caracteres.

Paso 9: Etiqueta de título

Entre etiquetas, debajo, escriba y. Entonces, cualquier cosa que escriba en el medio, lo verá en la parte superior de la ventana del navegador y esta etiqueta es importante para el motor de búsqueda. Por ejemplo, voy a escribir "WRD 204"

Paso 10: Agregar párrafo usando la etiqueta P

En el medio, escriba cualquier información que desee que se vea en una página web, como una imagen, audio, video y párrafo, por ejemplo, para mi ejemplo, voy a escribir un párrafo usando estas etiquetas para el párrafo:

y.

Paso 11: vea sus resultados

Para ver sus resultados: primero haga clic derecho en el archivo y haga clic en "guardar" y luego haga clic en un icono de "vista previa en vivo" en la esquina superior derecha.

Nota: - cada vez que realice un cambio y desee ver el resultado, primero debe guardar el archivo, puede usar el acceso directo "Ctrl + S"

Paso 12: cambiar el formato

Si desea cambiar el tamaño del formato de texto, use como el encabezado más grande o como el más pequeño. En mi ejemplo usaré.

Paso 13: Etiqueta de salto de línea simple / doble

Si desea hacer un salto de línea simple / doble entre párrafos, use la etiqueta

Paso 14: Conclusión

¡Felicidades! ahora puede comenzar a construir su propia página web.

Si está interesado en saber más sobre las etiquetas HTML, le recomiendo este sitio web