{"id":218,"date":"2024-05-21T09:52:58","date_gmt":"2024-05-21T07:52:58","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=218"},"modified":"2024-05-21T09:52:59","modified_gmt":"2024-05-21T07:52:59","slug":"44-elementos-de-codigo-de-computadora-html","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/44-elementos-de-codigo-de-computadora-html\/","title":{"rendered":"44. Elementos de c\u00f3digo de computadora HTML"},"content":{"rendered":"\n<p>HTML5 contiene varios elementos para definir la entrada del usuario y el c\u00f3digo de computadora.<\/p>\n\n\n\n<p><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;code&gt;\nx = 5;\ny = 6;\nz = x + y;\n&lt;\/code&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">HTML &lt;kbd&gt; para entrada de teclado<\/h2>\n\n\n\n<p>El elemento HTML <strong><em>&lt;kbd&gt;<\/em><\/strong> se usa para definir la entrada del teclado. El contenido del interior se muestra en la fuente monoespaciada predeterminada del navegador.<\/p>\n\n\n\n<p><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;body&gt;\n\n&lt;h2&gt;The kbd Element&lt;\/h2&gt;\n\n&lt;p&gt;The kbd element is used to define keyboard input:&lt;\/p&gt;\n\n&lt;p&gt;Save the document by pressing &lt;kbd&gt;Ctrl + S&lt;\/kbd&gt;&lt;\/p&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">HTML &lt;samp&gt; para la salida del programa<\/h2>\n\n\n\n<p>El elemento HTML <strong><em>&lt;samp&gt;<\/em><\/strong> se usa para definir la salida de muestra de un programa de computadora. El contenido del interior se muestra en la fuente monoespaciada predeterminada del navegador.<\/p>\n\n\n\n<p><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;body&gt;\n\n&lt;h2&gt;The samp Element&lt;\/h2&gt;\n\n&lt;p&gt;The samp element is used to define sample output from a computer program.&lt;\/p&gt;\n\n&lt;p&gt;Message from my computer:&lt;\/p&gt;\n&lt;p&gt;&lt;samp&gt;File not found.&lt;br&gt;Press F1 to continue&lt;\/samp&gt;&lt;\/p&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">&lt;code&gt; para c\u00f3digo de computadora<\/h2>\n\n\n\n<p>El elemento HTML <strong><em>&lt;code&gt;<\/em><\/strong> se utiliza para definir un fragmento de c\u00f3digo inform\u00e1tico. El contenido del interior se muestra en la fuente monoespaciada predeterminada del navegador.<\/p>\n\n\n\n<p><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;body&gt;\n\n&lt;h2&gt;The code Element&lt;\/h2&gt;\n&lt;p&gt;Programming code example:&lt;\/p&gt;\n\n&lt;code&gt;\nx = 5;\ny = 6;\nz = x + y;\n&lt;\/code&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Ten en cuenta que el elemento <strong><em>&lt;code&gt;<\/em><\/strong> no conserva espacios en blanco adicionales ni saltos de l\u00ednea. Para arreglar esto, puedes poner el elemento <strong><em>&lt;code&gt;<\/em><\/strong> dentro de un elemento <strong><em>&lt;pre&gt;.<\/em><\/strong><\/p>\n<\/blockquote>\n\n\n\n<p><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;pre&gt;\n&lt;code&gt;\nx = 5;\ny = 6;\nz = x + y;\n&lt;\/code&gt;\n&lt;\/pre&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">&lt;var&gt; para variables<\/h2>\n\n\n\n<p>El elemento HTML <strong><em>&lt;var&gt;<\/em><\/strong> se utiliza para definir una variable en programaci\u00f3n o en una expresi\u00f3n matem\u00e1tica. El contenido interior normalmente se muestra en cursiva.<\/p>\n\n\n\n<p><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;body&gt;\n\n&lt;h2&gt;The var Element&lt;\/h2&gt;\n\n&lt;p&gt;The area of a triangle is: 1\/2 x &lt;var&gt;b&lt;\/var&gt; x &lt;var&gt;h&lt;\/var&gt;\n, where &lt;var&gt;b&lt;\/var&gt; is the base, and &lt;var&gt;h&lt;\/var&gt; is the \nvertical height.&lt;\/p&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>HTML5 contiene varios elementos para definir la entrada del usuario y el c\u00f3digo de computadora. Ejm &lt;code&gt; x = 5; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":43,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-218","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"HTML5 contiene varios elementos para definir la entrada del usuario y el c\u00f3digo de computadora. Ejm &lt;code&gt; x = 5; [&hellip;]","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=218"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/218\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/218\/revisions\/220"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}