html

Páginas: 5 (1116 palabras) Publicado: 26 de abril de 2016
 Introduccion

Cuando se mira una página web en el navegador, lo que ve a simple vista son palabras. Estas palabras normalmente tienen algunas características, como diferentes tamaños y colores. En algunos casos la página web puede mostrar imágenes o incluso vídeos. Otras veces, formularios donde puedes introducir o buscar información, o personalizar la apariencia de la página que estásviendo. La página también puede contener animaciones y contenidos que cambian mientras el resto de la página se mantiene sin cambios.

Varias tecnologías (como CSS, JavaScript, Flash, AJAX, JSON) pueden usarse para definir los elementos que componen una página web. Sin embargo, en el nivel más bajo, una página web se define usando HTML (HyperText Markup Language). Sin HTML, no habría páginas web.
ElHTML ( HiperText Markup Language ) es el lenguaje utilizado para representar documentos en la WWW (World Wide Web). Además de texto normal incluye también, elementos multimedia (gráficos, vídeo, audio) y existen enlaces (links) que permiten saltar a otras partes del documento o a otro sitio cualquiera de Internet.



























HTML

Definicion

Es un lenguaje que se utilizafundamentalmente en el desarrollo de páginas web. HTML es la sigla de HiperText Markup Language (Lenguaje de Marcación de Hipertexto) es un lenguaje es se utiliza comúnmente para establecer la estructura y contenido de un sitio web, tanto de texto, objetos e imágenes. Los archivos desarrollados en HTML usan la extensión .htm o .html.

El lenguaje de HTML funciona por medio de “etiquetas” que describenla apariencia o función del texto enmarcado. Este lenguaje puede llegar a incluir un script o código que tenga incidencia en el comportamiento del navegador web de elección.

La funcionalidad del HTML es tan sencilla que puede ser creado y editado en cualquier editor de textos básicos, como el Bloc de Notas típico del sistema operativo Windows. También puede editarse en procesadores de textos,software de diseño web o aplicaciones web directamente, como lo más convencionales programas de administración de contenido como WordPress.

El lenguaje HTML se basa en la sintaxis SGML (Standard Generalized Markup Language). Esto quiere decir que los diferentes elementos (párrafos, encabezamientos, tablas, listas, ...) de un documento para la WWW se señalan intercalando etiquetas que indican alnavegador cómo debe mostrarlo.

Tipo de lenguaje

HTML es un lenguaje interpretado, puesto que estos lenguajes las instrucciones se traducen o interpretan una a una en tiempo de ejecución a un lenguaje intermedio o lenguaje máquina o a través de una máquina virtual, siendo típicamente unas 10 veces más lentos que los programas compilados.

Tipo que estan en marcados los lenguajes como HTMLHTML esta en marcado dentro los lenguajes de hipertexto o lenguaje de marcado de hipertexto. El lenguaje de marcas sirve para estructurar textos y hacer presentaciones en hipertexto (documento digital utilizado para las páginas web). El HTML está basado en el metalenguaje SGML (Standard Generalized Mark-up Language).

Prácticamente todos los usuarios de computadoras están familiarizados con HTML.Es un lenguaje bastante sencillo que ha ayudado a promover el uso generalizado de internet. HTML ha recorrido un largo camino desde su diseño original con el objeto de que los científicos pudieran utilizar documentos de texto con hipervínculos para compartir la información. HTML original, en su concepción inicial, la intención de HTML era incluir elementos que pudieran utilizarse para marcar lainformación de un documento de acuerdo a su significado. Se crearon etiquetas como , <h1> <h2>, etc. Para representar el contenido del documento HTML.<br /> <br /> Los lenguajes de marcado suelen confundirse con lenguajes de programación. Sin embargo, no son lo mismo, ya que el lenguaje de marcado no tiene funciones aritméticas o variables, como sí poseen los lenguajes de programación. <br /> <br /> Maquetacion... <div class="paper-body__gradient paper-body__gradient--bottom paper-body__gradient--bottom-abs"></div> <div class="center paper-body__cta--mod paper-body__cta-no-bg"> <a class="button button--large button--orange" onclick="upgradeRedirect()" rel="nofollow"> Leer documento completo </a> <p class="ash-gray text-s"> Regístrate para leer el documento completo. </p> </div> </div> </div> </div> </article> </main> <script>(function(d){var domain='buenastareas.com';if(d.referrer.match('^https?\:\/\/(|www\.)'+domain.replace('.com',"")+'\.com(.*)')){d.getElementById('stm-hero').className+=' stm-hero';d.getElementById('emptyTopicsList').innerHTML=(document.getElementById("topicsList"))?d.getElementById('topicsList').innerHTML:'';d.getElementById('text-header').innerHTML='';var sec=d.createElement('div');sec.className='section no-padding margin-2';var p=d.createElement('p');p.className='text-s uppercase ash-gray';p.innerText='Vista previa del texto';sec.appendChild(p);d.getElementById('text-header').appendChild(sec);}else{d.getElementById('stm-hero').className='';d.getElementsByTagName('article')[0].className='row no-border';}})(window.document);</script><div class="advertBox center margin-2 leaderboard_btf"> </div> <a href="/content/access" rel="nofollow"></a> <section class="row "> <div class="columns position-relative large-12"> <div class=""> <h2 class="heading-m padding-top-1 margin-2"> Estos documentos también te pueden resultar útiles </h2> </div> <section class=""> <ul class="unstyled"> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html/57336606.html" title="HTML"> <h6 class="heading-s"> HTML </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...Instituto tecnológico de la laguna Termodinámica Temperatura Jorge Antonio Hernández Aguirre 13131058 Miércoles, 03 de septiembre de 2014 Temperatura La temperatura es una medida, o indicación, de que tan caliente o frio esta un objeto. Si un objeto tiene una temperatura más alta que otro, decimos que está más caliente, o que el otro objeto está más frio. Caliente y frio son términos relativos. Percibimos la temperatura por el tacto; sin embargo, este sentido de la... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html/57336606.html" title="HTML" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">648 Palabras</span> <span class="essay-details__item">3 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Que-Es-Html/71427559.html" title="QUE ES HTML"> <h6 class="heading-s"> QUE ES HTML </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...QUE ES <b><i>HTML</i></b>? <b><i>HTML</i></b>, siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código <b><i>HTML</i></b>) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Que-Es-Html/71427559.html" title="QUE ES HTML" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">589 Palabras</span> <span class="essay-details__item">3 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html/7587799.html" title="Html"> <h6 class="heading-s"> Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...TRABAJO DE: QUE ES <b><i>HTML</i></b> Y SU HISTORIA. NOMBRE: BYRON ALEJANDRO OROZCO PÉREZ. FECHA DE ENTREGA: 27 DE FEBRERO DEL 2,013. ¿Qué es <b><i>HTML</i></b>? Definiéndolo de forma sencilla, "<b><i>HTML</i></b> es lo que se utiliza para crear todas las páginas web de Internet". Más concretamente, <b><i>HTML</i></b> es el lenguaje con el que se "escriben" la mayoría de páginas web. Los diseñadores utilizan el lenguaje <b><i>HTML</i></b> para crear sus páginas web, los programas que... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html/7587799.html" title="Html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1330 Palabras</span> <span class="essay-details__item">6 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html/40257280.html" title="html"> <h6 class="heading-s"> html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...GUIA DE ESTUDIO PARA EL EXAMEN DEL TERCER PARCIAL REPRESENTACION SIMBOLICA Y ANGULAR DEL ENTORNO. GRUPOS DE: 2º Semestre de “Alimentos y bebidas” e “Informática”. ACADEMIA DE: REP: SIMB. Y ANGULAR DEL ENTORNO. PSP: NESTOR REYES GONZÁLEZ. INSTRUCCIONES: Resuelve paso a paso los siguientes ejercicios 1.- Obtén las funciones trigonométricas de θ y ß. 2.- Resuelve los siguientes problemas utilizando las funciones trigonométricas según correspondan. a) Una... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html/40257280.html" title="html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">639 Palabras</span> <span class="essay-details__item">3 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html/82234012.html" title="HTML"> <h6 class="heading-s"> HTML </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...< /CITE>  Encierra una Cita como un titulode un libro,etc.  <CODE>.....< /CODE>  Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas.  <COMMENT>.....< /COMMENT>  Define un comentario. Todo el texto es ignorado aun si incluye codigo <b><i>HTML</i></b>.  <DFN>.....< /DFN>  Encierra una definición. El texto dentro de este comando se formatea como una definición.  <DIV ALIGN=">...< /DIV>  Especifica el alineamiento de los elementos que contiene. Se puede usar para dividir el... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html/82234012.html" title="HTML" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">621 Palabras</span> <span class="essay-details__item">3 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html/596327.html" title="Html"> <h6 class="heading-s"> Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>HTML</i></b> El <b><i>HTML</i></b>, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html/596327.html" title="Html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">844 Palabras</span> <span class="essay-details__item">4 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html/1690176.html" title="Html"> <h6 class="heading-s"> Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...Indice Indice 1 <b><i>HTML</i></b> (Hypertext Markup Language) 2 Primer Página 2 Cabecera 2 Cuerpo 2 Encabezado 3 Tamaño mayor 3 Definición de bloques 3 Comentarios 3 Tamaño de la letra y color 3 Combinación de tamaño y estilo 3 Estilo Físico o estilo de los caracteres 4 Fondos y colores de texto 4 El atributo BACKGROUND 4 Imágenes 4 La marca 4 Alineación de imágenes 5 Texto inferior 5 El atributo ALT 5 Marquesinas 5 Para... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html/1690176.html" title="Html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1513 Palabras</span> <span class="essay-details__item">7 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html/7588824.html" title="Html"> <h6 class="heading-s"> Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>HTML</i></b>, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcadopredominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El <b><i>HTML</i></b> se escribe en forma de «etiquetas», rodeadas por corchetes angulares (&lt;,&gt;). <b><i>HTML</i></b> también puede describir, hasta un... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html/7588824.html" title="Html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1508 Palabras</span> <span class="essay-details__item">7 Páginas</span> </div> </div> </div> </div> </div> </div> </li> </ul> </section> </div> </section> <section class="row "> <div class="columns position-relative large-12"> <section class="section no-border"> <div class="container"> <div class="row"> <div class="columns "> <div class="section-heading "> <h2 class="align-left margin-2 heading-m"> OTRAS TAREAS POPULARES </h2> </div> </div> </div> <div class="row" id="popular-tags-visible"> <div class="small-12 columns tag-block columns-small-1 columns-medium-2 columns-large-2"> <ul> <li class="margin-1"> <a href="/ensayos/Kw-Del-Agua-y-Ph/83217127.html" title="Kw del Agua y pH teoría y problemas " class="mid-gray brand-primary--hover">Kw del Agua y pH teoría y problemas </a> </li> <li class="margin-1"> <a href="/ensayos/Pr28-Los-Derechos-Humanos-De-Las/83217157.html" title="pr28 los derechos humanos de las victimas del delito" class="mid-gray brand-primary--hover">pr28 los derechos humanos de las victimas del delito</a> </li> <li class="margin-1"> <a href="/ensayos/Just-In-Time/83217172.html" title="JUST IN TIME" class="mid-gray brand-primary--hover">JUST IN TIME</a> </li> <li class="margin-1"> <a href="/ensayos/La-Administracion/83217265.html" title="la administracion" class="mid-gray brand-primary--hover">la administracion</a> </li> <li class="margin-1"> <a href="/ensayos/Planteo-Incompetenciame-Presento/83217328.html" title="Planteo IncompetenciaME PRESENTO" class="mid-gray brand-primary--hover">Planteo IncompetenciaME PRESENTO</a> </li> <li class="margin-1"> <a href="/ensayos/Include/83217436.html" title="Include" class="mid-gray brand-primary--hover">Include</a> </li> </ul> </div> </div> </div> </section> </div> </section> <div class="advertBox center margin-1"></div> <section class="section no-border brand-primary--bg"> <div class="row"> <div class="columns center"> <h3 id="banner_title" class="heading-l white">Únete a millones de otros estudiantes y comienza tu investigación</h3> <h4 class="text-m white">Conviértase en miembro formal de Buenas Tareas</h4> <a class="button--bg-color__white button-fullwidth" onclick="upgradeRedirect()" rel="nofollow"> INSCRÍBETE - ES GRATIS </a> </div> </div> </section> <footer class="section section--footer"> <div class="row"> <div class="medium-3 columns"><div class="copyright-block"> <p class="copyright-block__logo"> <i class="icon icon-sm-logo copyright-block__logo__icon"></i> <span class="copyright-block__logo__span">Buenas Tareas</span> </p> <p class="copyright-block__social"> <a rel="nofollow" href="http://www.facebook.com/BuenasTareas"> <span class="copyright-block__social__circle"> <i class="copyright-block__social__circle__icon icon icon-ui-24-social-fb icon-ui-social-fb"></i> </span> </a> <a rel="nofollow" href="https://twitter.com/buenastareas"> <span class="copyright-block__social__circle"> <i class="copyright-block__social__circle__icon icon icon-ui-social-tw"></i> </span> </a> </p> <small class="copyright-block__copyright text-s"> ©2024 BuenasTareas.com </small> </div> </div> <div class="medium-3 columns"><div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Productos</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/ojear/">Documentos de investigación</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/resumen-de-libros/">Notas de libros</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/generador-de-citas/">Generador de citas</a> </li> </ul> </div> </div> <div class="medium-3 columns"> <div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Empresa</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/about.php">Empresa</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/advertise-with-us.php">Haz publicidad</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/legal.php">Legal (actualizado 9/9/14)</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/sitemap.html">Mapa del sitio</a> </li> </ul> </div> </div> <div class="medium-3 columns"><div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Ayuda</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/help.php">Ayuda</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/about-us/contact">Contáctanos</a> </li> </ul> </div> </div> </div> </footer> </div> <!-- global JS --> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/labjs/2.0.3/LAB.min.js"></script> <script type="text/javascript"> $LAB .script("//cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js") .script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/92c1d4e847bc6d93ba58214aa322ee6c.js") ; </script> <script type="text/javascript"> window.SM2_DEFER = true; function downloadJSAtOnload() { $LAB .script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/76aff662ad8b32c9348bfa0fa9cb8f91.js") .wait(function() { }); } // Check for browser support of event handling capability if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script> </body> </html>