ETIQUETAS EN HTML

Páginas: 2 (362 palabras) Publicado: 25 de agosto de 2015
pablo & ???
¿QUÉ ES HTML?
 
¿QUÉ ES HTML? 
 

 

 
HTML es el lenguaje con el que se definen las páginas web, se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página 
web. 
El HTML se creó en un principio con objetivos divulgativos de información con texto y 
algunas imágenes.   HTML es un lenguaje de marcación de elementos para la creación de documentos 
hipertexto, muy fácil de aprender, lo que permite que cualquier p and pubiersona, 
aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web. 
Equipo: 18 Es un lenguaje extensible,al que se le puede añadir nuevas caracteristicas marcas, 
funciones, dependiendo la experiencia y la habilidad del programador  
 
EQUIPO:15_ HTML es un lenguaje de programaciónde los más sencillos, teniendo
una estructura básica (cabeza, título, cuerpo). Hecho a base de etiquetas.
Un documento en html en primer lugar necesita de un procesador de palabras o un
programaen especial para crear documentos en html. Ej: bloc de notas, word,
dreamweaver etc.(deben de tener la función de exportar un documento a la
extensión .html)

Para crear la estructura de undocumento en html se necesitan de etiquetas básicas
para su funcionamiento.
Etiquetas: _ base del documento en html.
_ cabeza del documento en html
<title>_ titulodel documento html( tiene que ir dentro de la<br /> etiqueta head)<br /> <body></body>_ cuerpo del documento<br />  <br /> <br /> ELEMENTOS QUE NECESITAMOS PARA CREAR UN DOCUMENTO HTML <br /> <br />  Un documento HTML se compone de tres partes: <br /> 1. una línea que contiene información de la versión HTML <br /> 2. una sección de cabecera declarativa  <br /> 3. un cuerpo, que contiene el contenido real del documento. El cuerpo puede ser especificado mediante el elemento BODY  <br />  <br /> CARACTERÍSTICAS: <br /> * El web tiene que ser distribuido y la información repartida en páginas no muy grandes <br /> y repartidas entre sí. ... <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/Que-Es-Etiqueta-Html/2119033.html" title="Que es etiqueta html"> <h6 class="heading-s"> Que es etiqueta html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...1 - <b><i>Etiquetas</i></b> del lenguaje <b><i>HTML</i></b> Las <b><i>Etiquetas</i></b> El lenguaje <b><i>HTML</i></b> es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de <b><i>HTML</i></b>, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos <b><i>etiquetas</i></b> y serán la base principal del lenguaje... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Que-Es-Etiqueta-Html/2119033.html" title="Que es etiqueta 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">742 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/Etiquetas-Html/7276246.html" title="Etiquetas Html"> <h6 class="heading-s"> Etiquetas Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>Etiquetas</i></b> <b><i>HTML</i></b> Anota frente a cada <b><i>etiqueta</i></b> cuál es su uso 1. &lt;<b><i>html</i></b>&gt; | Inicio de texto | 2. &lt;head&gt; | Encabezado | 3. &lt;title&gt; | Nombre del documento | 4. &lt;body&gt; | Texto visible del documento imágenes, graficos, vínculos etc. | 5. &lt;h1&gt;&lt;h2&gt;…&lt;h6&gt; | Niveles de los títulos | 6. p align= “justified” | Párrafo justificado | 7. body bgcolor | Color del fondo |... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-Html/7276246.html" title="Etiquetas 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">580 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/Etiquetas-Html/26965688.html" title="etiquetas html"> <h6 class="heading-s"> etiquetas html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>ETIQUETAS</i></b> <b><i>HTML</i></b> <b><i>Etiquetas</i></b> Básicas <b><i>Etiquetas</i></b> ... Descripción Títulos de diferentes tamaños. Escribir un párrafo. Código a Título de tamaño h1 Título de tamaño h2 Título de tamaño h3 Título de tamaño h4 Título de tamaño h5 Título de tamaño h6 ... HTML5, en conjunto con CSS3, define los nuevos estándares Resultado Título de tamaño h1 Título de tamaño h2 Título de tamaño h3... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-Html/26965688.html" title="etiquetas 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">1344 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/Etiquetas-Html/4567533.html" title="Etiquetas Html"> <h6 class="heading-s"> Etiquetas Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ... <b><i>Etiquetas</i></b> que maneja <b><i>HTML</i></b> | &lt;B&gt;…&lt;/B&gt; | Texto en negrita | &lt;BIG&gt;…&lt;/BIG&gt; | Ampliación del tamaño de los caracteres | &lt;BLINK&gt;…&lt;/BLINK&gt; | Texto parpadeante (Netscape solo) | &lt;EM&gt;…&lt;/EM&gt; | Texto en itálico | &lt;FONT color="#XXXXXX"&gt; …&lt;/FONT&gt; | Texto en color donde XXXXXX es un valor hexadecimal | &lt;FONT size=X&gt;…&lt;/FONT&gt; | Tamaño de los caracteres donde X es un valor de 1 a 7 |... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-Html/4567533.html" title="Etiquetas 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">1080 Palabras</span> <span class="essay-details__item">5 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Etiquetas-En-Html/7425915.html" title="Etiquetas En Html"> <h6 class="heading-s"> Etiquetas En Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...EtETIQUETAS MAS UTILIZADAS EN <b><i>HTML</i></b> <b><i>ETIQUETA</i></b> | Atributos que admite | Finalidad | - Estructura de la página - | &lt;<b><i>html</i></b>&gt;&lt;/<b><i>html</i></b>&gt; | ninguno | indica que contiene código <b><i>html</i></b> | &lt;head&gt;&lt;/head&gt; | ninguno | Cabecera <b><i>html</i></b>. Informacion sobre el documento | &lt;body&gt;&lt;/body&gt; | estilos | cuerpo de la página. Contenedor del resto de elementos | - Elementos de Cabecera -( head ) |... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-En-Html/7425915.html" title="Etiquetas En 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">557 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/Etiqueta-De-Html/669438.html" title="Etiqueta de html"> <h6 class="heading-s"> Etiqueta de html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...INTRODUCCIÓN A LA PROGRAMACIÓN <b><i>HTML</i></b> <b><i>HTML</i></b>, siglas de HyperTextMarkupLanguage (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. Una página web la vemos en nuestro navegador, o cliente web, y parece una sola entidad, pero no es así, está compuesta por multitud de... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiqueta-De-Html/669438.html" title="Etiqueta de 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">799 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/Etiquetas-Html/64710106.html" title="Etiquetas html"> <h6 class="heading-s"> Etiquetas html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>Etiquetas</i></b> de <b><i>HTML</i></b> <b><i>Etiqueta</i></b> o atributo (comandos) Función (que realiza) Indica el inicio del código de la pagina Web (inicio) Indica que el código ha terminado (fin) Marca el inicio de la cabecera del programa Marca el termino de la cabecera (cuerpo) Marca el inicio donde va a llevar escrito el código de la página Web. Marca el termino del cuerpo (fin del código de programación) TITULO DE LA PAGINA Sirve para definir el... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-Html/64710106.html" title="Etiquetas 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">1309 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/Etiquetas-Html/3008942.html" title="Etiquetas html"> <h6 class="heading-s"> Etiquetas html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ... | | ¿Qué son los archivos <b><i>HTML</i></b>? * <b><i>HTML</i></b> (HyperText Markup Language) o "Lenguaje para Marcado de Hipertexto". * Los archivos <b><i>HTML</i></b> deben tener una extensión htm o <b><i>html</i></b>. * Para crear un archivo <b><i>HTML</i></b> solo hace falta un editor de texto. * Un archivo <b><i>HTML</i></b> está compuesto por <b><i>etiquetas</i></b>. * Las <b><i>etiquetas</i></b> le dicen al navegador(Ej: Internet Explorer, Firefox, Mozilla, etc.)... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-Html/3008942.html" title="Etiquetas 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">1345 Palabras</span> <span class="essay-details__item">6 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/2-Ru-Brica-Libro-a-Eleccio/77491060.html" title="2 Ru Brica Libro A Eleccio N" class="mid-gray brand-primary--hover">2 Ru Brica Libro A Eleccio N</a> </li> <li class="margin-1"> <a href="/ensayos/Pueblos-Indigenas/77491063.html" title="pueblos indigenas" class="mid-gray brand-primary--hover">pueblos indigenas</a> </li> <li class="margin-1"> <a href="/ensayos/Proyecto-Consulta/77491081.html" title="proyecto consulta" class="mid-gray brand-primary--hover">proyecto consulta</a> </li> <li class="margin-1"> <a href="/ensayos/Revista-Vogue/77491102.html" title="Revista Vogue" class="mid-gray brand-primary--hover">Revista Vogue</a> </li> <li class="margin-1"> <a href="/ensayos/Inv-Sobre-Todo/77491105.html" title="inv sobre todo" class="mid-gray brand-primary--hover">inv sobre todo</a> </li> <li class="margin-1"> <a href="/ensayos/Fram/77491120.html" title="Fram" class="mid-gray brand-primary--hover">Fram</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>