Etiquetas de html
Páginas: 4 (795 palabras)
Publicado: 27 de agosto de 2015
Etiqueta o Tags: Son las palabras reservadas que utiliza un editor específicamente html para páginas web.
Etiqueta básicas:
1. Esta etiqueta le indica al editor que se iniciara aconstruir una página web.
2. Permite crear la etiqueta identificadora de las páginas web.
3. Permite asignarle un título a la etiqueta identificadora de la página web.<br />
4. <body> Etiquetaque le indica al editor que se iniciara a crear el cuerpo de la página web. <br />
<br />
<br />
NOTA: LAS CUATRO ETIQUETAS DADAS SIEMPRE VAN A IR CON ES ORDEN ARRIBA ESCRITO. <br />
<br />
Index.Html = significa página deinternet. <br />
Se escribe junto<br />
<br />
5. bgcolor = sub etiqueta de las etiquetas de objetos que permite aplicar un color de relleno a los mismos.<br />
6. <h1><h2<<h3> Este conjunto de etiquetas permite darleun tamaño especifico al texto de una página en 3 niveles. <br />
7. <i> Coloca la letra en tipo Cursiva<br />
8. <b> Aplica efecto de negrita al texto<br />
9. <u> Aplica subrayado al texto de una pagina<br />
<br />
10. <br>Permite dejar espacios de forma vertical. <br />
<br />
11. backgrouud = Permite aplicar una imagen como color de relleno a una página web u objeto en html.<br />
<br />
12. <font> Esta etiqueta permite aplicarlepropiedades de formato al texto de una página web.<br />
<br />
<br />
face Permite asignarle un tipo de fuente al texto<br />
<br />
13. color Permite aplicarle un color a la fuente<br />
<br />
14. size Permite aplicarle un tamañode 1 hasta 7 a la fuente de un texto<br />
<br />
15. <p> Permite darle alineación externa a los textos y objetos en html.<br />
<br />
16. align Permite establecer alineaciones a la etiqueta “P”. ej. right, left,down, center etc. <br />
<br />
17. <marquee> Esta etiqueta permite generar lo que llamaremos “marquesina”, una marquesina en html es un objeto cuadrado o rectangular en el cual se puede incluir cualquierobjeto dentro de ella. La característica principal es que le da movimiento a los objetos. <br />
<br />
<br />
18. behavior Complemento de la etiqueta <marquee> que permite darle 3 tipos de movimientos al objeto... <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. <<b><i>html</i></b>> | Inicio de texto |
2. <head> | Encabezado |
3. <title> | Nombre del documento |
4. <body> | Texto visible del documento imágenes, graficos, vínculos etc. |
5. <h1><h2>…<h6> | 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> |
<B>…</B> | Texto en negrita |
<BIG>…</BIG> | Ampliación del tamaño de los caracteres |
<BLINK>…</BLINK> | Texto parpadeante (Netscape solo) |
<EM>…</EM> | Texto en itálico |
<FONT color="#XXXXXX">
…</FONT> | Texto en color donde
XXXXXX es un valor hexadecimal |
<FONT size=X>…</FONT> | 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 - |
<<b><i>html</i></b>></<b><i>html</i></b>> | ninguno | indica que contiene código <b><i>html</i></b> |
<head></head> | ninguno | Cabecera <b><i>html</i></b>. Informacion sobre el documento |
<body></body> | 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/Cuadernillo-Pedagog-a-2014/77608996.html" title="Cuadernillo Pedagog a 2014" class="mid-gray brand-primary--hover">Cuadernillo Pedagog a 2014</a>
</li>
<li class="margin-1">
<a href="/ensayos/Cuestionario-De-Investigaci-n/77609002.html" title="Cuestionario De Investigaci N" class="mid-gray brand-primary--hover">Cuestionario De Investigaci N</a>
</li>
<li class="margin-1">
<a href="/ensayos/Cuentos-a-a-Cuatro-Patas/77609032.html" title="cuentos a a cuatro patas" class="mid-gray brand-primary--hover">cuentos a a cuatro patas</a>
</li>
<li class="margin-1">
<a href="/ensayos/Taller-De-Planeacion/77609050.html" title="TALLER DE PLANEACION" class="mid-gray brand-primary--hover">TALLER DE PLANEACION</a>
</li>
<li class="margin-1">
<a href="/ensayos/Resumen/77609056.html" title="resumen" class="mid-gray brand-primary--hover">resumen</a>
</li>
<li class="margin-1">
<a href="/ensayos/Trabajo-De-Etica/77609077.html" title="Trabajo De Etica" class="mid-gray brand-primary--hover">Trabajo De Etica</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>
Etiqueta básicas:
1. Esta etiqueta le indica al editor que se iniciara aconstruir una página web.
2. Permite crear la etiqueta identificadora de las páginas web.
3.