El Lenguaje HTML y Editores de Páginas Web
Introducción al lenguaje HTML
Ejemplo de Etiquetas HTML: En HTML, se utilizan etiquetas para marcar el contenido. Por ejemplo, la etiqueta <p> se usa para definir un párrafo. Entonces, un ejemplo sería:
<p>Este es un párrafo de ejemplo en HTML.</p>
Este código HTML crea un párrafo que contendría el texto «Este es un párrafo de ejemplo en HTML».
Atributos HTML:
Los atributos proporcionan información adicional sobre una etiqueta. Por ejemplo, el atributo «href» se utiliza en la etiqueta <a>
para definir la URL de un enlace:
<a href=»https://www.sistemascomputacionales.cl»>Visitar sistemascomputacionales.cl</a>
En este caso, el atributo «href» indica que el enlace lleva al sitio web «https://www.sistemascomputacionales.cl«.
Editores de páginas web, entornos: escritorio y en línea
Editor de Texto Simple:
Puedes usar un editor de texto simple, como Notepad en Windows o TextEdit en macOS, para crear documentos HTML. Por ejemplo, puedes abrir Notepad y escribir el siguiente código HTML:
<!DOCTYPE html>
<html>
<head>
<title>Mi Primera Página Web</title>
</head>
<body>
<h1>Bienvenido a mi sitio web</h1>
<p>Este es un sitio web de ejemplo.</p>
</body>
</html>
Luego, puedes guardar este archivo con una extensión «.html» y abrirlo en un navegador para ver tu página web.
Entornos de Desarrollo Avanzados:
Si deseas un entorno más avanzado con características adicionales, puedes usar Visual Studio Code. Este entorno proporciona resaltado de sintaxis, autocompletado y extensiones que facilitan el desarrollo web. Puedes crear un nuevo archivo HTML en Visual Studio Code y escribir código de manera similar.
Estos ejemplos prácticos muestran cómo crear una página web básica utilizando etiquetas HTML y cómo utilizar diferentes entornos de edición, desde editores de texto simples hasta entornos de desarrollo web más avanzados, para trabajar con HTML.