Una página web es un documento en la red mundial escrita en un lenguaje de marcado de hipertexto. Este lenguaje consta de cientos de elementos, también conocidos como "etiquetas". Mientras que la hoja de estilo en cascada puede ayudar con HTML para proporcionar propiedades de estilo a los elementos HTML.

Al comenzar el desarrollo web, es posible que los principiantes no conozcan el método para crear una página HTML simple y ejecutarla. Entonces, este manual demostrará:

• Prerrequisitos para crear una página web
• Cómo crear una página HTML simple?
• Cómo diseñar una página HTML simple?

Prerrequisitos para crear página web

Para crear una página web, los requisitos previos son:

• Editor de texto
• navegador web

Editor de texto como requisito previo para crear página web

Un programa de software de computadora que permite a los usuarios editar, almacenar e imprimir texto es un editor de texto. Se pueden utilizar varios editores de texto para realizar programas web, páginas web y más, como el código de estudio de estudio, el texto sublime, el bloc de notas, etc. Si eres un principiante, entonces el bloc de notas es relativamente fácil de usar. Pero para proyectos grandes, es mejor usar cualquier otro editor como Text Sublime o Visual Studio Code.

Navegador web como requisito previo para ver la página web

Un navegador web es un software que lo lleva a cualquier parte de Internet. Recupera información y los muestra en una pantalla.

Cómo crear una página HTML simple?

Ahora, comencemos a crear una página simple HTML paso a paso.

Paso 1: Crear carpeta vacía
Primero, cree una carpeta vacía como repositorio de nuestro proyecto:

Paso 2: Abra el editor de texto
Para escribir el código HTML, primero, elija el editor de texto de su elección. Por ejemplo, usaremos Notepad ++, y su espacio de trabajo de alguna manera se verá así:

Paso 3: Agregar elementos HTML al editor de texto
Los elementos HTML se utilizan para construir diferentes componentes del documento HTML. Por ejemplo, para agregar un párrafo,

Se usa la etiqueta, las etiquetas de encabezado se denotan como

,

,

,

,

, y

. Para agregar una imagen, se puede utilizar una etiqueta. Todas estas etiquetas se agregan dentro de las etiquetas de inicio y cierre del elemento raíz .

Por ejemplo, hemos agregado el código de muestra HTML en nuestro archivo de la siguiente manera:

Html

Bienvenido a mi primera página HTML.

La imagen a continuación muestra un código de ejemplo escrito en el editor de notas ++:

Paso 4: Guardar archivo
Guarde el archivo HTML en la carpeta que ha creado en el primer paso haciendo clic en "Ahorrar"Opción como se muestra a continuación:

Como resultado, se le pedirá que especifique el nombre del archivo y su tipo. Después de hacerlo, haga clic en el "AhorrarBotón "como se muestra a continuación:

Paso 5: Abra el archivo con el navegador web
Para ver cómo aparece el archivo HTML en el navegador, siga los pasos que se encuentran a continuación:

• Primero, abra la carpeta donde se guarda el archivo HTML.
• Seleccione el archivo y haga clic con el botón derecho en el archivo. Como resultado, aparecerá un menú desplegable.
• Luego, seleccione el "Abrir conOpción "y luego elija el navegador que desea usar para abrir la página web. Por ejemplo, hemos seleccionado "Google Chrome":

Al seleccionar el navegador, el código HTML generará el resultado de la siguiente manera:

Así es como podemos crear una página HTML simple. Puede aplicar estilos a estos elementos HTML usando CSS.

Cómo diseñar una página HTML simple?

CSS, o Hoja de estilo en cascada, se utiliza para especificar cómo se muestran los elementos HTML en el navegador web. Permite a los usuarios aplicar varias propiedades de estilo a los elementos HTML para que la página web se vea más atractiva y atractiva.

Ahora, diseñemos la página HTML creada anteriormente con la ayuda de las propiedades CSS:

• Primero, agregue una etiqueta en la sección principal del archivo HTML.
• Dentro de él, H1 se usa para acceder al

  Etiqueta en la que aplicaremos diferentes propiedades.

• Para agregar el color de fuente, utilice el "color"Propiedad y establecer su valor como"rojo".
• El "texto alineado"El valor de la propiedad se establece como"centro", Lo que significa que el encabezado se mostrará en el centro.
• Luego, para subrayar el encabezado, el "decoración de texto"La propiedad se establece como"8px subrayar gris", Donde 8px representa el ancho de la línea, subrayado es la propiedad de decoración, y el gris es el color. Los usuarios pueden establecer los valores de la propiedad de acuerdo con sus preferencias.
• Del mismo modo, aplicaremos algunas propiedades al

  elemento también.

A continuación se muestra el código para el escenario descrito anteriormente:

Guarde el archivo y luego ábralo en el navegador web:

Eso es genial! Hemos aprendido a crear una página HTML simple y diseñarla con algunas propiedades CSS.

Conclusión

Para desarrollar un sitio web, primero, los usuarios necesitan aprender los idiomas HTML y CSS, ya que el idioma HTML proporciona la estructura de la página web, y para embellecer las páginas web, utilizamos propiedades CSS. Estas propiedades se establecen de acuerdo con la elección del usuario. Para crear un archivo HTML simple, puede utilizar un editor de texto o un editor de código y seguir el procedimiento dado. Este manual ha explicado cómo crear una página HTML simple con CSS con la ayuda de la implementación práctica.