{"id":831,"date":"2020-10-13T08:41:47","date_gmt":"2020-10-13T13:41:47","guid":{"rendered":"https:\/\/niixer.com\/?p=831"},"modified":"2020-11-25T18:11:38","modified_gmt":"2020-11-25T23:11:38","slug":"construir-paginas-web-poder-de-html5","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/","title":{"rendered":"Construir p\u00e1ginas web: el poder de HTML5 y sus caracter\u00edsticas"},"content":{"rendered":"\n

Cuando entramos al internet, podemos ver toda clase de p\u00e1ginas web, p\u00e1ginas para redes sociales, p\u00e1ginas de juegos, p\u00e1ginas para compra y ventas de art\u00edculos, p\u00e1ginas empresariales, entre otras. HTML 5<\/a> es el responsable de la construcci\u00f3n de cada una de estas p\u00e1ginas que podemos ver. Construir p\u00e1ginas web el poder de HTML5<\/a> y caracter\u00edsticas como CSS y JavaScript.<\/p>\n\n\n\n

Y \u00bfQu\u00e9 es HTML5? <\/a>Como sus siglas en ingles lo dicen, Hyper Text Markup Language, traducido al espa\u00f1ol se entiende como, un lenguaje de hipertexto marcado, es decir HTML. Usa un lenguaje de etiquetas par as\u00ed permitir construir p\u00e1ginas web y el numero 5 hace alusi\u00f3n a la versi\u00f3n de HTML.<\/p>\n\n\n\n

\u00bfQue es Html?<\/h3>\n\n\n\n

HTML5 provee unas caracter\u00edsticas principales, que son  el uso de CSS<\/a> y JavaScript para que nuestra p\u00e1gina web sea mas llamativa y din\u00e1mica, HTML es lo que nos permite construir una p\u00e1gina web, es lo que nos permite poner la estructura, CSS <\/a>es lo que nos permite darle estilo a nuestra p\u00e1gina web, como luce, los colores, la caligraf\u00edas, justificaciones de los textos, entre otras posibilidades para hacer que una pa\u00e1gina web sea atractiva para los usuarios, finalmente JavaScript nos da el poder de convertir nuestra p\u00e1gina web est\u00e1tica, en una p\u00e1gina web din\u00e1mica, permiti\u00e9ndonos darle funciones especificas a bonotes, poder visualizar mensajes de orientaci\u00f3n al usuario, mec\u00e1nicas de movimiento, visualizaci\u00f3n de animaciones, d\u00e1ndonos varias interacciones con mas dinamismo. “Construir p\u00e1ginas web el poder de HTML5”<\/p>\n\n\n\n

\"Html\"<\/figure><\/div>\n\n\n\n

\u00bfPara que se usa CSS?<\/h3>\n\n\n\n

A profundidad que es CSS.<\/a> Como sus siglas en ingles lo dicen, Cascading Style Sheets, que traducido al espa\u00f1ol se entiende como, un lenguaje de hojas de estilo desarrollado para controlar la apariencia de documentos con lenguajes de marcado. El CSS<\/a> es una colecci\u00f3n de reglas de formato, estas reglas de estilo se almacenan en archivos externos, a la estructura HTML y se dice que son en cascada, por que los estilos son encontrados, desde los estilos externos hasta los locales. <\/p>\n\n\n\n

Al momento de tener nuestras reglas de formato CSS <\/a>en un archivo externo, se est\u00e1n siguiendo buenas practicas, ya que tener mezclado CSS<\/a> y HTML afectar\u00eda el proceso y costos de mantenimiento, adem\u00e1s el tener un archivo con todas las reglas nos permite aplicarlo a sin numero de p\u00e1ginas o subp\u00e1ginas de nuestra p\u00e1gina web, es decir aplicar el mismo estilo a todas las p\u00e1ginas que nosotros lo deseemos, tambi\u00e9n podemos hacer hojas de estilo personalizadas para cada dispositivo electr\u00f3nico en el cual se pueda ver nuestro sitio web.<\/p>\n\n\n\n

\"Html,
Analog\u00eda construcci\u00f3n de edificios con Html y Css (Tomado de Video Qu\u00e9 es Css en Youtube<\/a>)<\/figcaption><\/figure><\/div>\n\n\n\n

Autor: Daniel Felipe Castillo Gallo<\/a>
Editor: Carlos Pinz\u00f3n
C\u00f3digo: UCRV-8
Universidad: Universidad Central<\/p>\n\n\n\n

Fuentes<\/strong><\/h3>\n\n\n\n

ZoneClass. (1 de julio de 2016). \u00bfQu\u00e9 es y para que se utiliza HTML 5? [Video]. Youtube. https:\/\/www.youtube.com\/watch?v=_SRWasy7zHU<\/a>
HTML Rules. (11 de enero de 2020). Qu\u00e9 es CSS [Video]. Youtube. https:\/\/www.youtube.com\/watch?v=clTTiUhBAFY<\/a>
Formaci\u00f3n Web Online. Unnamed. [Imagen] Formacii\u00f3n Web Online. https:\/\/images.app.goo.gl\/HAcGGhhTeJ3XFLEX9<\/a>
ZoneClass. Analog\u00eda construcci\u00f3n de edificios con Html y Css. [Imagen]. YouTube. https:\/\/www.youtube.com\/watch?v=_SRWasy7zHU<\/a>
Tecnolog\u00eda M\u00f3vil. Resultado de im\u00e1genes de Google. [Imagen]. Tecnolog\u00eda Mov\u00edl. https:\/\/images.app.goo.gl\/efvBjgKF6xBntzKE6<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Cuando entramos al internet, podemos ver toda clase de p\u00e1ginas web, p\u00e1ginas para redes sociales, p\u00e1ginas de juegos, p\u00e1ginas para compra y ventas de art\u00edculos, p\u00e1ginas empresariales, entre otras. HTML 5 es el responsable de la construcci\u00f3n de cada una de estas p\u00e1ginas que podemos ver. Construir p\u00e1ginas web elSeguir Leyendo<\/p>\n","protected":false},"author":48,"featured_media":835,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[30],"tags":[196,195],"class_list":["post-831","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-niixer","tag-css","tag-html"],"yoast_head":"\nConstruir p\u00e1ginas web: el poder de HTML5 y sus caracter\u00edsticas<\/title>\n<meta name=\"description\" content=\"Construir p\u00e1ginas web con el poder de HTML5 y sus caracter\u00edsticas CSS y JavaScript para una pagina web din\u00e1mica y con estilo\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Construir p\u00e1ginas web: el poder de HTML5 y sus caracter\u00edsticas\" \/>\n<meta property=\"og:description\" content=\"Construir p\u00e1ginas web con el poder de HTML5 y sus caracter\u00edsticas CSS y JavaScript para una pagina web din\u00e1mica y con estilo\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/niixer\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-13T13:41:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-25T23:11:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/Imagen_destacada_Art4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"884\" \/>\n\t<meta property=\"og:image:height\" content=\"472\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daniel Felipe Castillo Gallo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Felipe Castillo Gallo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Construir p\u00e1ginas web: el poder de HTML5 y sus caracter\u00edsticas","description":"Construir p\u00e1ginas web con el poder de HTML5 y sus caracter\u00edsticas CSS y JavaScript para una pagina web din\u00e1mica y con estilo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/","og_locale":"es_ES","og_type":"article","og_title":"Construir p\u00e1ginas web: el poder de HTML5 y sus caracter\u00edsticas","og_description":"Construir p\u00e1ginas web con el poder de HTML5 y sus caracter\u00edsticas CSS y JavaScript para una pagina web din\u00e1mica y con estilo","og_url":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/","og_site_name":"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","article_publisher":"https:\/\/www.facebook.com\/niixer\/","article_published_time":"2020-10-13T13:41:47+00:00","article_modified_time":"2020-11-25T23:11:38+00:00","og_image":[{"width":884,"height":472,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/Imagen_destacada_Art4.png","type":"image\/png"}],"author":"Daniel Felipe Castillo Gallo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Daniel Felipe Castillo Gallo","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/"},"author":{"name":"Daniel Felipe Castillo Gallo","@id":"https:\/\/niixer.com\/#\/schema\/person\/7850843090c0da87ee6542cba1cb1d5e"},"headline":"Construir p\u00e1ginas web: el poder de HTML5 y sus caracter\u00edsticas","datePublished":"2020-10-13T13:41:47+00:00","dateModified":"2020-11-25T23:11:38+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/"},"wordCount":599,"commentCount":2,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/Imagen_destacada_Art4.png","keywords":["CSS","Html"],"articleSection":["Niixer"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/","url":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/","name":"Construir p\u00e1ginas web: el poder de HTML5 y sus caracter\u00edsticas","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/Imagen_destacada_Art4.png","datePublished":"2020-10-13T13:41:47+00:00","dateModified":"2020-11-25T23:11:38+00:00","description":"Construir p\u00e1ginas web con el poder de HTML5 y sus caracter\u00edsticas CSS y JavaScript para una pagina web din\u00e1mica y con estilo","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/Imagen_destacada_Art4.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/Imagen_destacada_Art4.png","width":884,"height":472,"caption":"Html5, CSS, JavaScript"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/13\/construir-paginas-web-poder-de-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"Construir p\u00e1ginas web: el poder de HTML5 y sus caracter\u00edsticas"}]},{"@type":"WebSite","@id":"https:\/\/niixer.com\/#website","url":"https:\/\/niixer.com\/","name":"Portal de noticias de tecnolog\u00eda, ciencia, Android, iOS, Realidad Virtual, Aumentada y Mixta, Videojuegos, computadores, todo lo mas reciente en tecnolog\u00eda","description":"Portal de noticias de tecnolog\u00eda","publisher":{"@id":"https:\/\/niixer.com\/#organization"},"alternateName":"Niixer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/niixer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/niixer.com\/#organization","name":"Niixer","alternateName":"Niixer.com","url":"https:\/\/niixer.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","width":140,"height":140,"caption":"Niixer"},"image":{"@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/niixer\/","https:\/\/www.instagram.com\/niixer.tecnologia\/"]},{"@type":"Person","@id":"https:\/\/niixer.com\/#\/schema\/person\/7850843090c0da87ee6542cba1cb1d5e","name":"Daniel Felipe Castillo Gallo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/af954dccfa00d32762fee890eb02b11f9624be196c1a11aee6e9ff6702df84f9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/af954dccfa00d32762fee890eb02b11f9624be196c1a11aee6e9ff6702df84f9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/af954dccfa00d32762fee890eb02b11f9624be196c1a11aee6e9ff6702df84f9?s=96&d=mm&r=g","caption":"Daniel Felipe Castillo Gallo"},"sameAs":["http:\/\/www.niixer.com"],"url":"https:\/\/niixer.com\/index.php\/author\/dcastillog\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/Imagen_destacada_Art4.png","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/users\/48"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=831"}],"version-history":[{"count":2,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/831\/revisions"}],"predecessor-version":[{"id":3114,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/831\/revisions\/3114"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/835"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}