computinglegan.com.

Informática.

HTML con CSS.

Sitio Web básico con HTML y CSS.

Actualizado.

Sábado 7 de marzo de 2026.

Material de apoyo.
Descarga del código fuente en el archivo code.zip.
Descripción.

Según mi opinión, lo mejor creo que es empezar con una página fácil y la mejor opción puede ser una combinación entre HTML (contenido) y CSS (presentación).

Igualmente suele ser conveniente, que cumpla las recomendaciones de los estandares más habituales para que así se pueda visualizar correctsmente en casi todos los dispositivos ( PC, MAC, Android, iphone, Linux, etc. ).

Están muy bien las recomendaciones de estandares de la W3C además de no hacer cosas que sean muy raras de manejar y que casi todo el mundo sepa utilizar.

RECOMENDADCIÓN PERSONAL Y QUE SE PUEDE CONTRADECIR: IDEAL ES EL SISTEMA OPERATIVO LINUX O EN EL CASO DE PERSONAS QUE NO NECESITEN MUCHO LA INFORMÁTICA, LOS MAC, ojo, en un ordenador normal de los que suele haber por ahí como churros no se puede instalar un sistema operativo de los que llevan los MAc, creo que dicho Sistema Operativo se llama OS2, o algo así, no recurdo muy bien su nombre.

En el caso de los moviles, recomiedo los Android.

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.

Referencías.
https://wikipedia.org.

Wikipedía, la enciclopedía libre, que actualmente, da muy buenos resultados sobre términos que aparecen en dicha enciclopedia porque en la Wikipedia puede publicar quien lo deseé, pero dichas publicciones son revisadadas, corregidas y retiradas las que no contengan calidad.


https://icaam.org.

Organización internacional que regula los dominios.

WHOIS según la wikipedia.

Registro de un dominio según la Wikipedia.

https://www.w3.org.

W3C.

Validador HTML de la W3C.

Validador CSS de la W3C.

https://web.dev/articles/mobifying?hl=es-419.

Adaptar sitios web a móviles.

https://www.sublimetext.com.

Editor que estoy utilizando actualmente, me parece que está muy bien para lo estoy haciendo ahora.

https://www.openoffice.org/es/.

Paquete ofimático Open Source que estoy utilizando actualmente que me parece que está muy bién.

Adobe Acrobat Pro.

Programa para la generación de documentos pdf que estoy utilizando actualmente, aunque también hay otra versión más barata, que también está muy bién: Acrobat Reader.

https://www.wordreference.com/es/

Traductor, entré otros idiomas, en mí caso, traduciones español - inglés y viceversa, para intentar poco a poco que tanto los ficherós, directoríos y algunas palabrás que en la redacción estén en inglés, para intentar, que a los rastreadores de los motores de búsqueda les seá más fácil saber de que se trata lo hay en el interior. Quizá no sea necasrio hacer esto.

https://ionos.es.

Alojamiento ( Hosting ) Web que estoy utilizando actualmente.

https://desarrolloweb.com.

Sitio Web con material para el desarrollo Web.

https://mclibre.org.

Sitio Web con material para Desarrllo Web y programación.

https://tutorialesprogramacionya.com.

Sitio Web con material para aprender programación.

https://www.java.com/es/download/help/windows_manual_download.html.

Páginas Web que explican como instalar Java.

https://java.com.

Mucha información sobre instalación y qué es Java.

https://google.es.

Desde hace muchisimos años, Google, al menos por el momento, tiene uno de los mejores motores de busqueda.

Contacto.

Ángel Fernández Moreno.

Barro Nº 43, Barrio La Huera (La Güera), Llanes, Asturias, España.

CP: 33595.

Teléfono: +34 653 56 38 77.

computinglegan@gmail.com