39
HTML y CSS están estrechamente relacionados, pero existen diferencias. Debería tenerlas en cuenta a la hora de crear una página web
HTML: la estructura básica
Todo sitio web que pueda verse en Internet (incluidos los sitios creados con WordPress u otro sistema CMS) se basa en una estructura HTML. En la jerga técnica, HTML se conoce como un lenguaje de marcado que se utiliza para mostrar contenido en un sitio web (las diferencias entre sitio web, página web y página de inicio se explicarán más adelante). Nota: actualmente se utiliza la versión 5.3 de HTML.
- Un marco HTML siempre consta de etiquetas que se abren con <> y se cierran con . En la práctica, se trata, por ejemplo, de . Una etiqueta siempre está ahí para escalar el comportamiento del texto entre las etiquetas.
- Por ejemplo, se trata de una etiqueta que clasifica y da salida al texto como subtítulo. Puede encontrar un resumen de las distintas etiquetas en w3schools.com.
- Todos los navegadores web (por ejemplo, Google Chrome) leen siempre un sitio web de arriba abajo. Por lo tanto, es importante estructurar la página con cuidado.
- Una página web siempre se introduce con . En esta zona se comunica al navegador información importante, como el idioma o la codificación de caracteres de la página. A continuación aparece la etiqueta . Ésta contiene el título (que aparece en las pestañas) y otros enlaces (a archivos secundarios CSS y JavaScript).
- La etiqueta es donde tiene lugar la mayor parte del diseño. Todas las etiquetas que más tarde serán visibles en el navegador se pueden colocar aquí. Por último, está la etiqueta
- , en la que se pueden encontrar, por ejemplo, los derechos de autor y condiciones similares. Puede encontrar una visión general en la siguiente captura de pantalla:
- Un editor sencillo es suficiente para crear un sitio web. Para proyectos complejos, sin embargo, se recomienda un IDE como Eclipse o Visual Studios.
Sitio web, página web y página de inicio: estas son las diferencias
A continuación, nos gustaría explicar las diferencias entre sitio web, página web y página de inicio, ya que se utilizan como sinónimos, especialmente por los profanos, aunque esto es incorrecto.
- Sitio web: El conjunto de todas las páginas web forma el sitio web. Suelen seleccionarse a través de un menú.
- Sitio Web: El sitio Web es una única página HTML.
- Página principal: Como su nombre indica, es la página de inicio de un sitio web. En sentido estricto, también es una página web.
- Por último: aunque los sistemas CMS (como WordPress) y la inteligencia artificial facilitan el trabajo, es aconsejable tener conocimientos de diseño web para entender las plantillas y solucionar posibles problemas (o realizar personalizaciones en profundidad). Debido a su complejidad, existen muchos libros especializados en este tema.