![Cómo crear una página web simple con corchetes para principiantes: 14 pasos Cómo crear una página web simple con corchetes para principiantes: 14 pasos](https://i.howwhatproduce.com/images/008/image-21546-j.webp)
Tabla de contenido:
- Paso 1: descargue el software
- Paso 2: Abra los soportes
- Paso 3: crea un archivo nuevo
- Paso 4: guardar como … el archivo
- Paso 5: Comience con la etiqueta DOCTYPE
- Paso 6: etiqueta HTML
- Paso 7: Etiquetas para la cabeza y el cuerpo
- Paso 8: metaetiqueta
- Paso 9: Etiqueta de título
- Paso 10: Agregar párrafo usando la etiqueta P
- Paso 11: vea sus resultados
- Paso 12: cambiar el formato
- Paso 13: Etiqueta de salto de línea simple / doble
- Paso 14: Conclusión
2025 Autor: John Day | [email protected]. Última modificación: 2025-01-23 14:39
![Cómo crear una página web simple usando corchetes para principiantes Cómo crear una página web simple usando corchetes para principiantes](https://i.howwhatproduce.com/images/008/image-21546-1-j.webp)
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
![Descarga el software Descarga el software](https://i.howwhatproduce.com/images/008/image-21546-2-j.webp)
descargue Brackets de este sitio web
Paso 2: Abra los soportes
![Soportes abiertos Soportes abiertos](https://i.howwhatproduce.com/images/008/image-21546-3-j.webp)
Abra el software Brackets descargado en una computadora.
Paso 3: crea un archivo nuevo
![Crear un archivo nuevo Crear un archivo nuevo](https://i.howwhatproduce.com/images/008/image-21546-4-j.webp)
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
![Guardar como … el archivo Guardar como … el archivo](https://i.howwhatproduce.com/images/008/image-21546-5-j.webp)
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
![Comience con la etiqueta DOCTYPE Comience con la etiqueta DOCTYPE](https://i.howwhatproduce.com/images/008/image-21546-6-j.webp)
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
![Etiqueta HTML Etiqueta HTML](https://i.howwhatproduce.com/images/008/image-21546-7-j.webp)
y - esas etiquetas son para iniciar y finalizar un documento.
Paso 7: Etiquetas para la cabeza y el cuerpo
![Etiquetas para la cabeza y el cuerpo Etiquetas para la cabeza y el cuerpo](https://i.howwhatproduce.com/images/008/image-21546-8-j.webp)
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
![Meta etiqueta Meta etiqueta](https://i.howwhatproduce.com/images/008/image-21546-9-j.webp)
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
![Etiqueta de título Etiqueta de título](https://i.howwhatproduce.com/images/008/image-21546-10-j.webp)
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
![Agregar párrafo usando la etiqueta P Agregar párrafo usando la etiqueta P](https://i.howwhatproduce.com/images/008/image-21546-11-j.webp)
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
![Vea sus resultados Vea sus resultados](https://i.howwhatproduce.com/images/008/image-21546-12-j.webp)
![Ver sus resultados Ver sus resultados](https://i.howwhatproduce.com/images/008/image-21546-13-j.webp)
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
![Cambiar el formato Cambiar el formato](https://i.howwhatproduce.com/images/008/image-21546-14-j.webp)
![Cambiar el formato Cambiar el formato](https://i.howwhatproduce.com/images/008/image-21546-15-j.webp)
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
![Etiqueta de rotura de línea simple / doble Etiqueta de rotura de línea simple / doble](https://i.howwhatproduce.com/images/008/image-21546-16-j.webp)
![Etiqueta de salto de línea simple / doble Etiqueta de salto de línea simple / doble](https://i.howwhatproduce.com/images/008/image-21546-17-j.webp)
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
Recomendado:
Cómo crear una configuración de DJ para principiantes: ¡estilo vinilo !: 7 pasos
![Cómo crear una configuración de DJ para principiantes: ¡estilo vinilo !: 7 pasos Cómo crear una configuración de DJ para principiantes: ¡estilo vinilo !: 7 pasos](https://i.howwhatproduce.com/images/005/image-13311-j.webp)
Cómo construir una configuración de DJ para principiantes - ¡Estilo de vinilo !: En este Instructable, le mostraré cómo construir una configuración de DJ con el estilo clásico de tocadiscos usando vinilo. Si eres un aficionado o quieres convertirte en un profesional, y posiblemente viajar por el mundo obteniendo ingresos, estos pasos te
Cómo utilizar el multímetro en tamil »Wiki Ùtil Guía para principiantes - Multímetro para principiantes: 8 pasos
![Cómo utilizar el multímetro en tamil »Wiki Ùtil Guía para principiantes - Multímetro para principiantes: 8 pasos Cómo utilizar el multímetro en tamil »Wiki Ùtil Guía para principiantes - Multímetro para principiantes: 8 pasos](https://i.howwhatproduce.com/images/007/image-19670-j.webp)
Cómo utilizar el multímetro en tamil »Wiki Ùtil Guía para principiantes | Multímetro para principiantes: Hola amigos, En este tutorial, he explicado cómo usar el multímetro en todo tipo de circuitos electrónicos en 7 pasos diferentes, tales como 1) prueba de continuidad para el hardware de resolución de problemas 2) Medición de corriente CC 3) Prueba de diodo y LED 4) Medición Resi
Colocar una copia en el botón del portapapeles en una página web: 5 pasos (con imágenes)
![Colocar una copia en el botón del portapapeles en una página web: 5 pasos (con imágenes) Colocar una copia en el botón del portapapeles en una página web: 5 pasos (con imágenes)](https://i.howwhatproduce.com/images/004/image-10822-23-j.webp)
Poner una copia en el botón del portapapeles en una página web: esto puede parecer simple, y podría parecer tonto para ponerlo en Instructables, pero en realidad, no es tan fácil. Hay CSS, Jquery, HTML, algunos javascript sofisticados y, bueno, ya sabes
Python para principiantes no tan principiantes: 7 pasos
![Python para principiantes no tan principiantes: 7 pasos Python para principiantes no tan principiantes: 7 pasos](https://i.howwhatproduce.com/images/001/image-2688-46-j.webp)
Python para principiantes no tan principiantes: Hola, la última vez, si prestaste atención, tocamos los conceptos básicos de Python: imprimir, bucles while y for, entrada & salida, si, y un entrante en easygui. también una distribución gratuita de easygui y pycal-my own module. Este tutorial cubrirá: más
Una página web para una visualización estereográfica óptima: 7 pasos
![Una página web para una visualización estereográfica óptima: 7 pasos Una página web para una visualización estereográfica óptima: 7 pasos](https://i.howwhatproduce.com/preview/how-and-what-to-produce/10962849-a-web-page-for-optimum-stereographic-viewing-7-steps-j.webp)
Una página web para una visualización estereográfica óptima: no fuerce la vista para ver imágenes estereográficas. Ajustar las imágenes