computinglegan.com.

Sitio Web con HTML y CSS.

Página Web básica con HTML con CSS.

Saltar al contenidó.

Versión.

Borrador 0.0.1.

Actualizado.

Lunés 29 de diciembré de 2025.

Actualización hechá.

Cambiós en la interfaz de usuarío.

Descripción.

Lo más fácil para hacer empezar una Web lo más básica, es utilizar una combinación entré HTML(tiené el contenido) y CSS(indicá como vializar dicho contenido).

Igualmente, suele ser convenienté, que cumpla las recomendaciones de algunos estandarés, psrá que así, se pueda visualizar correctsmente en casi todos los dispositivos (PC, MAC, Android, i-phone). Los estsndarés más recomendsdos, son los que indicá la W3C. La W3C, tiene validadores tanto psra comprobsr la validéz de si cumplé sus estandarés, tanto pará documentos HTML, como pará documentos CSS.

Ejemplo.

styles.css

    
p {
  color:red;
}
    
  

Explicación del código.

p color:red, indica que el color del contenido de la etiquetaq parrafo <p> va a ser de color red, es decir rojo.

index.html

    
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>
      Página HTML con CSS básica.
    </title>
      <link rel="stylesheet" href="styles.css">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <p>
      Hola mundo.
    </p>
  </body>
</html>
    
  
Visusualizar ejemplo.

Explicación del código.

<!DOCTYPE html> Indica que el tipo de documento es un documento HTML, sirve para agilizar la interpretación en los rastreadores de búsqueda, para que no tengan como que adivinar de que tipo de documento se tratá.

<html lang="es"> Indica, en un primer momento, que se tratá del cuerpo de un documento HTML, y en el segundo lugar indica el idioma en que está escrito dicho documento, en esté caso "es", significa que está escrito en español.

<head> Indicá el cuerpo de en la mayoría de los casos, lo que se llamán metadatos, es decir, datos que no se visulizán directamente en la presentación del navegador, pero que sirven de mucha ayuda para la visualización correcta del contenido de la págin Web HTML.

<title> Indicá el nombre de la página Web, es lo que suele aparecer tanto en la parte superior del navegador, como cuando se hacen busquedas en un buscador, en el parametro principal de búsqueda.

<link rel="stylesheet" href="styles.css"> Indicá la hoja de estilos que se va ha utizar, para mantener la unifornidad de todo el sitio Web, es decir, en esté ejemplo, la etiqueta <p>, indica en la hoja de estilos styles.css que dicho párrafo va a ser de color red, es decir, de color rojo, si por ejemplo, se cambia el color de dicha hoja de estilos styles.css a green, pues todas las páginas del dicho sitio Web que hagan referencia a dicha hoja de estilos los párrafos se veran en verde sin hacer más historias.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> Es para que ni son se tratán de páginas muy complejas, se visualicen bien en cualquier dispositivo, como por ejemplo, un PC, un MAC, un móvil, una tablet, y con casí todo tipo de resolución de pantalla.

<body> Es el cuerpo de lo que se va a visulizar en el navegador que interpreté el código HTML.

Material de apoyo.

Descarga del código fuente en el archivo. code.zip.
Descarga de este articulo en article.pdf.

Referencías.

https://google.es.
https://wikipedia.org.
https://www.mclibre.org.
https://www.w3.org.
Validador HTML de la W3C.
Validador CSS de la W3C.
Adaptar sitios web a móviles.
SublimenText.

Contacto.

legan76@hotmail.com.