{"id":2679,"date":"2016-01-29T18:15:55","date_gmt":"2016-01-29T18:15:55","guid":{"rendered":"http:\/\/www.blog.facilcloud.com\/noticias\/?p=2679"},"modified":"2016-07-26T16:06:09","modified_gmt":"2016-07-26T16:06:09","slug":"css-y-html-cual-es-la-diferencia","status":"publish","type":"post","link":"https:\/\/www.blog.facilcloud.com\/noticias\/css-y-html-cual-es-la-diferencia\/","title":{"rendered":"CSS y HTML  \u00bfcu\u00e1l es la diferencia?"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">Cascading Style Sheets<\/a><\/span>, hoja de estilo en cascada o <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">CSS<\/a><\/span>, es un lenguaje usado para definir y crear la presentaci\u00f3n de un documento estructurado escrito en <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">HTML<\/span> <\/a>o <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">XML<\/a><\/span>. Con \u00e9l puedes trabajar f\u00e1cilmente en la nube el\u00e1stica de <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/index.php\" target=\"_blank\">Facilcloud<\/a><\/span>. La idea que subyace tras su desarrollo consiste en separar la estructura de un documento, de su presentaci\u00f3n. Esto quiere decir, que con <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">CSS<\/span> <\/a>resulta muy f\u00e1cil cambiar el aspecto de una <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">p\u00e1gina web<\/a><\/span>.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.facilcloud.com\/managed-cloud.php\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2332\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90.jpg\" alt=\"Banner Facilcloud_728 x 90\" width=\"728\" height=\"90\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90.jpg 728w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90-300x37.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90-235x29.jpg 235w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/21.png\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-2680 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/21.png\" alt=\"2\" width=\"153\" height=\"160\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Por esta raz\u00f3n es el lenguaje principalmente usado por parte de los navegadores <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">web<\/span> <\/a>de <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">internet<\/span> <\/a>y por los desarrolladores, para elegir m\u00faltiples opciones de presentaci\u00f3n como colores, tipos y tama\u00f1os de letra, entre otros.<\/p>\n<p style=\"text-align: justify;\">Es un lenguaje sumamente intuitivo y sencillo una vez que se aprende, ya que para su definici\u00f3n siempre se hace uso de un identificador de etiqueta <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">HTML<\/span> <\/a>y luego se indica con qu\u00e9 aspecto se quieren mostrar las etiquetas que aparezcan en un documento.<\/p>\n<p style=\"text-align: justify;\">En cuanto a <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">HyperText Markup Language<\/a><\/span>, lenguaje de marcas de hipertexto, mejor conocido como <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">HTML<\/a><\/span>, es un lenguaje de marcado para la elaboraci\u00f3n de p\u00e1ginas <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">web<\/span> <\/a>en sus diferentes versiones. Define una estructura b\u00e1sica y un c\u00f3digo (el c\u00f3digo <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">HTML<\/a><\/span>) para la definici\u00f3n de contenido de una <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">p\u00e1gina web<\/a><\/span>, como texto, im\u00e1genes, videos, entre otros. Es el est\u00e1ndar que se ha impuesto en la visualizaci\u00f3n de sitios web y es el que todos los navegadores actuales han adoptado.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/11.png\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-2681 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/11.png\" alt=\"1\" width=\"153\" height=\"162\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Este lenguaje se basa en la diferenciaci\u00f3n, para agregar un elemento externo a la p\u00e1gina, el cual no se anexa directamente en el c\u00f3digo de la p\u00e1gina, sino que se hace una referencia a la ubicaci\u00f3n de dicho elemento mediante texto. De esta manera, la <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">p\u00e1gina web<\/a><\/span> contiene s\u00f3lo texto mientras que la interpretaci\u00f3n del c\u00f3digo, es decir la tarea de unir todos los elementos y visualizar la p\u00e1gina final, recae directamente en el navegador<span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"> web<\/a><\/span>. Al ser un est\u00e1ndar, <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">HTML <\/a><\/span>busca ser un lenguaje que permita que cualquier <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">p\u00e1gina web <\/a><\/span>escrita en una determinada versi\u00f3n, pueda ser interpretada de la misma forma por cualquier navegador<a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\"> web<\/span> <\/a>actualizado.<\/p>\n<p style=\"text-align: justify;\">Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas caracter\u00edsticas, con el fin de hacerlo m\u00e1s eficiente y facilitar el desarrollo de <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">p\u00e1ginas web<\/a><\/span> compatibles con distintos navegadores y plataformas.<\/p>\n<p style=\"text-align: justify;\"><strong>HTML Y CSS, EL FONDO Y LA FORMA<\/strong><\/p>\n<p style=\"text-align: justify;\"><strong><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/HTML-y-CSS-\u00bfC\u00faal-es-la-diferencia-03.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-2684 alignright\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/HTML-y-CSS-\u00bfC\u00faal-es-la-diferencia-03.jpg\" alt=\"HTML y CSS \u00bfC\u00faal es la diferencia\" width=\"151\" height=\"150\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/HTML-y-CSS-\u00bfC\u00faal-es-la-diferencia-03.jpg 151w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/HTML-y-CSS-\u00bfC\u00faal-es-la-diferencia-03-150x150.jpg 150w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/HTML-y-CSS-\u00bfC\u00faal-es-la-diferencia-03-80x80.jpg 80w\" sizes=\"(max-width: 151px) 100vw, 151px\" \/><\/a><\/strong><\/p>\n<ul>\n<li style=\"text-align: justify;\"><a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">HTML<\/span> <\/a>es el lenguaje de marcas con el cual est\u00e1n hechas la mayor\u00eda de las p\u00e1ginas web. Los archivos <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">CSS <\/a><\/span>encapsulan algunas caracter\u00edsticas gr\u00e1ficas de las p\u00e1ginas web para evitar la redundancia de estar siempre declarando los atributos visuales.<\/li>\n<li style=\"text-align: justify;\"><a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">HTML<\/span> <\/a>es un lenguaje muy simple que sirve para crear p\u00e1ginas web, de por s\u00ed no incluye instrucciones de acceso a base de datos ni control de flujo.<\/li>\n<li style=\"text-align: justify;\">Por otro lado, el <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">CSS<\/span> <\/a>es indicado para presentar informaci\u00f3n con formato, es decir aporta estilos a lo que se quiere mostrar.<\/li>\n<li style=\"text-align: justify;\"><a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">CSS<\/span> <\/a>Es un lenguaje muy simple y est\u00e1 directamente relacionado con <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">HTML<\/span> <\/a>en el sentido que <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">HTML<\/span> <\/a>le da la posici\u00f3n a los objetos y <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">CSS<\/span> <\/a>el estilo.<\/li>\n<li style=\"text-align: justify;\">Hay dos formas de escribir <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">CSS<\/span> <\/a>dentro de <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">HTML<\/a><\/span>: dentro de la misma etiqueta o tag <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">HTML <\/a><\/span>(<a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">CSS<\/span> <\/a>embebido) y, colocando todo lo referente a estilos dentro de un archivo con extensi\u00f3n <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">.css<\/a><\/span>, para luego incluir este archivo dentro de la p\u00e1gina <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">HTML<\/a><\/span>.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-2_Es-03.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-79\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-2_Es-03.jpg\" alt=\"Escritora de tecnologia\" width=\"728\" height=\"91\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-2_Es-03.jpg 728w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-2_Es-03-300x38.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-2_Es-03-235x29.jpg 235w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cascading Style Sheets, hoja de estilo en cascada o CSS, es un lenguaje usado para definir y crear la presentaci\u00f3n de un documento estructurado escrito en HTML o XML. Con \u00e9l puedes trabajar f\u00e1cilmente en la nube el\u00e1stica de Facilcloud. La idea que subyace tras su desarrollo consiste en separar la estructura de un documento, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2686,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[285],"tags":[335,242,21,20,71,16,17,123,733,6,173,47,122,18,7,11,100,35,506,263],"class_list":["post-2679","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programadores","tag-america","tag-aplicacion","tag-aplicaciones","tag-app","tag-apps","tag-cloud","tag-cloud-server","tag-css","tag-developers","tag-elastic-cloud","tag-facilcloud","tag-hosting","tag-html","tag-nube","tag-nube-elastica","tag-php","tag-programadores","tag-tecnologia","tag-the-cloud","tag-web"],"_links":{"self":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/2679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/comments?post=2679"}],"version-history":[{"count":0,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/2679\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media\/2686"}],"wp:attachment":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media?parent=2679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/categories?post=2679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/tags?post=2679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}