Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the rocket domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /var/www/practical-tips.com/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the soledad domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /var/www/practical-tips.com/wp-includes/functions.php on line 6114
HTML y CSS: estas son las diferencias - Practical Tips

HTML y CSS: estas son las diferencias

by Corinna

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.

Related Articles

Leave a Comment