Bueno, como muchos ya sabemos, las páginas HTML están compuestas en dos partes, que es la cabeza o cabecera y el cuerpo. En la cabecera solo se incluye información de la página como su idioma y su título y en el cuerpo lleva toda su contenido, como textos, imágenes, videos, etc.
La cabeza o cabecera (head en inglés) incluye todo lo que no se ve (sólo el título de la página) y el cuerpo (body en ingles) contiene todo lo que el usuario ve en su pantalla.
A continuación se muestra el código HTML de una página muy sencilla:
</span><span>El primer documento HTML</span><span>
El lenguaje HTML es tan sencillo que
prácticamente se entiende sin estudiar el significado
de sus etiquetas principales.
Así se vería:
vv[pic 2]
Las etiquetas (, , ) son las 3 principales de un documento, en el cuál:
: Indica el comienzo y el final de un documento HTML. Ninguna etiqueta o contenido puede colocarse antes o después de esa etiqueta.
: Es la parte de la cabecera del documento. Ésta contiene información sobre la propia página como por ejemplo su idioma o título. El contenido que se coloca en esta etiqueta no es visible para el usuario, a excepción de la etiqueta </span><span>que se utiliza para indicar el nombre de la página </span><span>y que los navegadores lo visualizan en la parte superior izquierda de la ventana del navegador.</span></p>
</div>
<div class="no-select"><p>...</p></div> </div>
<div style="margin:20px 20px 20px 0px; text-align: center;">
<!-- block_center_336_280 -->
<ins class="adsbygoogle"
style="display:inline-block;width:336px;height:280px"
data-ad-client="ca-pub-3555290947877327"
data-ad-slot="2684363987"
data-full-width-responsive="true"></ins>
<div id="gads_banner4"></div>
<script>
window.addEventListener('load', function () {
var gads_banner = document.getElementById("gads_banner4");
window.addEventListener('scroll', function() {
if(document.contains(gads_banner)) {
gads_banner.parentNode.removeChild(gads_banner);
const ads_script = document.createElement('script');
ads_script.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3555290947877327";
ads_script.crossorigin="anonymous";
document.body.append(ads_script);
(adsbygoogle = window.adsbygoogle || []).push({});
}
});
});
</script>
</div>
<div class="continue_download">
<div class="download_text">
<span>Descargar como (para miembros actualizados)</span>
<span class="files">
<span class="ext">
<a href="/suscribase.html?clk=download.txt" title="txt (6 Kb)">txt</a> (6 Kb)
</span>
<span class="ext">
<a href="/suscribase.html?clk=download.pdf" title="pdf (197 Kb)">pdf</a> (197 Kb)
</span>
<span class="ext">
<a href="/suscribase.html?clk=download.docx" title="docx (364 Kb)">docx</a> (364 Kb)
</span>
</span>
</div>
<a href="/suscribase.html?clk=continue">Leer 3 páginas más »</a>
</div>
<div class="holder" style="height: 60px;margin-top:10px">
<div class="l-col" style="display: none;">
</div>
<div class="r-col">
<div class="row">
<a style="font-size: 20px;" href="/suscribase.html?clk=read_full" class="c-button big-button orange-button bold">Leer documento completo</a>
<a href="/Ciencia/Ensayo/2746780.html" onclick="return false" class="c-button big-button green-button bold save-button" rel="2746780" data-placeholder="Guardando…"><span class="save-icon"></span>Guardar</a>
</div>
</div>
<div class="available_only"><span>Disponible sólo en Clubensayos.com</span></div>
</div>
</div>
<script type="text/javascript" charset="utf-8">
var gp2 = '_22746_';
var gallery_path = 'previews' + '/' + gp2.substring( 1, 6 ); gallery_path = '/' + gallery_path;
var _gallery = "c08e172feaa769ed301cd4a087584501,383158b863e82add29df74c1ff1f84b4,7905c826b7a6b334c3b5ca2bedfa8472,c025ed71c8042e4c85ec0327e3e75917,093a213b73e58f0b620a96aa480650a1,d641e6bcf187dfb31b9c9b9ab4a60cba,7ca85fdd09d93aa0d0eae35f34b3b196,08e76bb6541a4a3912d2351169b6d8a9".split(",");
var previews = "c08e172feaa769ed301cd4a087584501,383158b863e82add29df74c1ff1f84b4,7905c826b7a6b334c3b5ca2bedfa8472,c025ed71c8042e4c85ec0327e3e75917,093a213b73e58f0b620a96aa480650a1,d641e6bcf187dfb31b9c9b9ab4a60cba,7ca85fdd09d93aa0d0eae35f34b3b196,08e76bb6541a4a3912d2351169b6d8a9".split(",");
var document_title=decodeURIComponent('Ensayo');
var blur = "0,0,0,0,0,0,0,0".split(",");
var blur_title='ÚNASE AHORA <br/> para leer este documento';
var blur_btn_text='Registrarse';
var blur_btn_href='/suscribase.html?clk=preview';
var _page='Página';
var blur_advantages = ['Obtenga acceso a 3.209.000+ ensayos y trabajos','Únase a 11.317.000+ otros estudiantes','Ensayos y documentos de alta calidad'];
</script>
</div>
</div>
<!-- end content -->
<!-- aside -->
<aside class="aside">
<div id="savedBox"></div>
<div class="aside-box gray-box">
<h2 class="box-head">Información sobre ensayo</h2>
<div class="gallery-holder">
<ul class="gallery">
</ul>
<div class="switch-holder">
<a href="#" class="prev">prev</a>
<a href="#" class="next">next</a>
<div class="holder">
<ul class="paging">
</ul>
</div>
</div>
</div>
<!--<div class="rating-block" itemprop="aggregateRating" itemscope="itemscope" itemtype="http://schema.org/AggregateRating">
<meta content="4.5" itemprop="ratingValue">
<meta content="1" itemprop="ratingCount">-->
<div class="rating-block">
<div class="rating-holder" rel="2746780">
<div class="rating" style="width:90%;">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<span style="font-size: 10px;" class="text"></span>
</div>
<p><a href="/report.html">Denunciar este ensayo</a></p>
</div>
<div class="aside-box white-box">
<h3 class="box-head">Ensayos relacionados</h3>
<ul class="events-list essays">
<li>
<a title="ENSAYO SOBRE EL ACTIVO" href="/Temas-Variados/ENSAYO-SOBRE-EL-ACTIVO/4774.html">ENSAYO SOBRE EL ACTIVO</a>
<p> SISTEMAS ACTIVOS PARA ACTIVIDADES ESPECÍFICAS Autor: José Gabriel Ortega Paredes //www.cienciadelacontabilidad.com 1. Introducción 2. La Contabilidad, frente a Proyectos con manifestaciones monetarias 3. SISTEMA</p>
<p style="color:#525252; font-size:11px"><i>16 Páginas</i> • <i>9894 Visualizaciones</i></p>
</li>
<li>
<a title="ENSAYO DE "LA DIVINA COMEDIA"" href="/Informes-de-Libros/ENSAYO-DE-LA-DIVINA-COMEDIA/7768.html">ENSAYO DE "LA DIVINA COMEDIA"</a>
<p><b><i>ENSAYO</i></b> DE LA DIVINA COMEDIA Lo primero que noté en la obra es el nuevo camino abierto para el cristianismo, una ventana hacia la subjetividad</p>
<p style="color:#525252; font-size:11px"><i>8 Páginas</i> • <i>7637 Visualizaciones</i></p>
</li>
<li>
<a title="ENSAYO "CARTA A GARCIA"" href="/Temas-Variados/ENSAYO-CARTA-A-GARCIA/11925.html">ENSAYO "CARTA A GARCIA"</a>
<p><b><i>ENSAYO</i></b> CARTA A GARCIA Si bien es cierto que se debe ser autónomo y tener iniciativa para realizar trabajos que nos beneficien no sólo a</p>
<p style="color:#525252; font-size:11px"><i>3 Páginas</i> • <i>7414 Visualizaciones</i></p>
</li>
<li>
<a title="FASE DE ENSAYO Y ESPECIALIDAD EN EDUCACION FISICA" href="/Temas-Variados/FASE-DE-ENSAYO-Y-ESPECIALIDAD-EN-EDUCACION-FISICA/17300.html">FASE DE ENSAYO Y ESPECIALIDAD EN EDUCACION FISICA</a>
<p>REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD PEDAGÓGICA EXPERIMENTAL "LIBERTADOR" INSTITUTO DE MEJORAMIENTO PROFESIONAL DEL MAGISTERIO EXTENSIÓN AMAZONAS. ESPECIALIDAD. EDUCACIÒN FÌSICA. CATEDRA: FASE DE ENAYO Y LA</p>
<p style="color:#525252; font-size:11px"><i>11 Páginas</i> • <i>6216 Visualizaciones</i></p>
</li>
<li>
<a title="Como Realizar Un Ensayo" href="/Temas-Variados/Como-Realizar-Un-Ensayo/20071.html">Como Realizar Un Ensayo</a>
<p>Como realizar un <b><i>Ensayo</i></b> Introducción. Es la primera parte del <b><i>ensayo</i></b> y consiste en una oración o párrafo que incita al lector a quedarse a</p>
<p style="color:#525252; font-size:11px"><i>2 Páginas</i> • <i>9495 Visualizaciones</i></p>
</li>
<li>
<a title="Realización De Un Ensayo" href="/Ciencia/Realización-De-Un-Ensayo/20131.html">Realización De Un Ensayo</a>
<p>EN LAS ORILLAS DEL AMAZONAS EN LAS ORILLAS DEL AMAZONAS, COMIENZA UN NUEVO DÍA. EL PODEROSO AMAZONAS ONDEA DE UN LADO A OTRO BAJO EL</p>
<p style="color:#525252; font-size:11px"><i>5 Páginas</i> • <i>3805 Visualizaciones</i></p>
</li>
<li>
<a title="Como Hacer Un Ensayo" href="/Temas-Variados/Como-Hacer-Un-Ensayo/20206.html">Como Hacer Un Ensayo</a>
<p>El texto que incluyo a continuación, principalmente para el uso de mis estudiantes, es una versión revisada y ampliada de mi anterior Gamboa, Yolanda. “El</p>
<p style="color:#525252; font-size:11px"><i>14 Páginas</i> • <i>5598 Visualizaciones</i></p>
</li>
<li>
<a title="Historia Del Ensayo" href="/Historia/Historia-Del-Ensayo/20244.html">Historia Del Ensayo</a>
<p>Definición y origen del <b><i>ensayo</i></b> El <b><i>ensayo</i></b> consiste en la interpretación de un tema (humanístico, filosófico, político, social, cultural, deportivo, etc) sin que sea necesario</p>
<p style="color:#525252; font-size:11px"><i>5 Páginas</i> • <i>2794 Visualizaciones</i></p>
</li>
<li>
<a title="Diferentes tipos de ensayos" href="/Temas-Variados/Diferentes-tipos-de-ensayos/20693.html">Diferentes tipos de ensayos</a>
<p>EL <b><i>ENSAYO</i></b> Concepto: Es un texto escrito, generalmente breve, que expone, analiza o comenta una interpretación personal, sobre un determinado tema: histórico, filosófico, científico,</p>
<p style="color:#525252; font-size:11px"><i>2 Páginas</i> • <i>4134 Visualizaciones</i></p>
</li>
<li>
<a title="En Qué Consiste Un Ensayo" href="/Español/En-Qué-Consiste-Un-Ensayo/21159.html">En Qué Consiste Un Ensayo</a>
<p>1 Un <b><i>ensayo</i></b> literario es un estudio bien documentado de algún tema relacionado con la literatura: autor,obra, estilo literario etc. ¿ En qué consiste el</p>
<p style="color:#525252; font-size:11px"><i>3 Páginas</i> • <i>4329 Visualizaciones</i></p>
</li>
</ul>
</div>
<div class="aside-box white-box">
<h3 class="box-head">Temas similares</h3>
<ul class="events-list essays">
<li>
<div class="head"><a title="Ensayo del articulo 3" href="/buscar/Ensayo+del+articulo+3/pagina1.html">Ensayo del articulo 3</a></div>
</li>
<li>
<div class="head"><a title="Ensayo la culpa es de la vaca" href="/buscar/Ensayo+la+culpa+es+de+la+vaca/pagina1.html">Ensayo la culpa es de la vaca</a></div>
</li>
<li>
<div class="head"><a title="Ensayo Sexto Jose Maria Arguedas" href="/buscar/Ensayo+Sexto+Jose+Maria+Arguedas/pagina1.html">Ensayo Sexto Jose Maria Arguedas</a></div>
</li>
<li>
<div class="head"><a title="Ensayo Economia" href="/buscar/Ensayo+Economia/pagina1.html">Ensayo Economia</a></div>
</li>
<li>
<div class="head"><a title="Ensayo Literario" href="/buscar/Ensayo+Literario/pagina1.html">Ensayo Literario</a></div>
</li>
<li>
<div class="head"><a title="ENSAYO DE YAWAR FIESTA" href="/buscar/ENSAYO+DE+YAWAR+FIESTA/pagina1.html">ENSAYO DE YAWAR FIESTA</a></div>
</li>
<li>
<div class="head"><a title="Ensayo Sobre La Familia" href="/buscar/Ensayo+Sobre+La+Familia/pagina1.html">Ensayo Sobre La Familia</a></div>
</li>
<li>
<div class="head"><a title="Ensayo Sobre Homicidio" href="/buscar/Ensayo+Sobre+Homicidio/pagina1.html">Ensayo Sobre Homicidio</a></div>
</li>
</ul>
</div>
<!--
<div class="advertising"></div>
-->
</aside>
<!-- end aside -->
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="holder">
<div class="copyright">© 2011–2024 ClubEnsayos.com<br />Ensayos gratis y Trabajos de investigación</div>
<nav class="footer-nav">
<ul>
<li><a href="/ensayos.html">Ensayos y trabajos</a></li>
<li><a href="/suscribase.html">Registrarse</a></li>
<li><a href="/acceso.html">Iniciar sesión</a></li>
</ul>
<ul>
<li><a href="/faq.html">Ayuda</a></li>
<li><a href="/contacto.html">Contáctenos</a></li>
</ul>
<ul>
<li><a href="/sitemap.html">Mapa del sitio</a></li>
<li><a href="/privacy.html">Política de privacidad</a></li>
<li><a href="/terms.html">Términos de servicio</a></li>
</ul>
</nav>
<div class="box">
<ul class="social">
<li>
<a title="Facebook" href="https://www.facebook.com/ClubEnsayos" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#4e629f" class="bi bi-facebook" viewBox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/></svg></a>
</li>
</ul>
</div>
</div>
</footer>
<!-- end Footer -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="/i/js/paper.js"></script>
<script type="text/javascript">
window.addEventListener("load",function(){
/* slide */ let slide_up=(t,d=500)=>{ts=t.style;ts.transitionProperty="height,margin,padding";ts.transitionDuration=d+"ms";ts.height=t.offsetHeight+"px";t.offsetHeight;ts.overflow="hidden";ts.height= ts.paddingTop=ts.paddingBottom=ts.marginTop=ts.marginBottom=0;window.setTimeout(()=>{ts.display="none";rp(ts,"height");rp(ts,"padding-top");rp(ts,"padding-bottom");rp(ts,"margin-top");rp(ts,"margin-bottom");rp(ts,"overflow");rp(ts,"transition-duration");rp(ts,"transition-property");},d);};let slide_down=(t,d=500)=>{ts=t.style;rp(ts,"display");let display=window.getComputedStyle(t).display;if(display==="none"){display="block";}ts.display=display;let height=t.offsetHeight;ts.overflow="hidden";ts.height=ts.paddingTop=ts.paddingBottom=ts.marginTop=ts.marginBottom=0;t.offsetHeight;ts.transitionProperty="height,margin,padding";ts.transitionDuration=d+"ms";ts.height=height+"px";rp(ts,"padding-top");rp(ts,"padding-bottom");rp(ts,"margin-top");rp(ts,"margin-bottom");window.setTimeout(()=>{rp(ts,"height");rp(ts,"overflow");rp(ts,"transition-duration");rp(ts,"transition-property");},d);};var slide_toggle=(t,d=500)=>{if(window.getComputedStyle(t).display==="none"){return slide_down(t,d);}else{return slide_up(t,d);}};var rp=(ts,p)=>{ts.removeProperty(p);};
/* mobile */ var m_el=document.getElementsByClassName("burger").item(0),m_el_nav=document.getElementsByClassName("navigation").item(0),m_el_s=document.getElementsByClassName("search-open").item(0),m_el_sf=document.getElementsByClassName("search-form").item(0);m_el.addEventListener("click",function(){m_el.classList.toggle("active");m_el_nav.classList.toggle("active");});m_el_s.addEventListener("click",function(){m_el_s.classList.toggle("active");slide_toggle(m_el_sf);});document.addEventListener("mouseup",function(e){m_close_menu(e);});document.addEventListener("touchend",function(e){m_close_menu(e);},false);function m_close_menu(e){var mb=document.getElementsByClassName("navigation").item(0),m=document.getElementsByClassName("burger").item(0);if(!m_is_this(e,mb) && !m_is_this(e,m)){mb.classList.remove("active");m.classList.remove("active");}}function m_is_this(e,el){if(e.target!==el && !e.composedPath().includes(el)){return false;}return true;}
/* section_popup */ var sp_el=document.getElementById("sections_popup");var sp_el_cat=document.getElementById("cat_pop");var sp_el_nav=document.getElementsByClassName("navigation").item(0);var sp_el_head=document.getElementsByClassName("header").item(0);sp_el_cat.addEventListener("mouseover",function(){show_sections_popup(sp_el,sp_el_cat,sp_el_nav)});sp_el.addEventListener("mouseover",function(){show_sections_popup(sp_el,sp_el_cat,sp_el_nav)});sp_el_head.addEventListener("mouseleave",function(){hide_sections_popup(sp_el)});sp_el.addEventListener("mouseleave",function(){hide_sections_popup(sp_el)});function show_sections_popup(sp,cat,nav){var cat_left=cat.getBoundingClientRect().left;var nav_left=nav.getBoundingClientRect().left;if(cat_left>0 && nav_left>0 && document.body.clientWidth>992){var sp_left=cat_left-nav_left-15;sp.style.left=sp_left+"px";sp.style.display="block";}}function hide_sections_popup(sp){sp.style.display="none";}
/* read_full */ window.addEventListener("scroll",function(){var pb=document.querySelector(".content .paper .holder .r-col .orange-button.bold");if(pb!==null){var pb_p= pb.parentElement.getBoundingClientRect().top+window.pageYOffset-document.documentElement.clientTop;if((window.scrollY+window.innerHeight)<pb_p+70){pb.classList.add("fixed");}else{pb.classList.remove("fixed");}}});
/* save_paper */ var save_bs=document.querySelectorAll("a.save-button");if(save_bs!==null){save_bs.forEach(sb=>sb.addEventListener("click",function(e){var el=e.currentTarget;var placeholder=el.getAttribute("data-placeholder");var paper_id=el.getAttribute("rel");el.innerHTML="<span class=\"save-paper-load-icon\"></span> "+placeholder;var xmlhttp=new XMLHttpRequest();xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==XMLHttpRequest.DONE && xmlhttp.status==200){var data=JSON.parse(xmlhttp.responseText);if(data.status=="saved"){el.outerHTML=data.html_button;document.getElementById("savedBox").outerHTML=data.html_box;}}};xmlhttp.open("GET","/ajax/save-paper.html?id="+paper_id,true);xmlhttp.send();}));}
/* paper_rating */ var rating_h=document.querySelector(".rating-holder");if(rating_h!==null){var rating=rating_h.querySelector(".rating");var rating_id=rating_h.getAttribute("rel");var oldValue=rating.offsetWidth;var readyState=true;function rating_reset(){rating.style.width=oldValue+"px";}function rating_enter(e){var el=e.currentTarget;var el_i=Array.prototype.indexOf.call(el.parentNode.children,el);var width=(el_i+1)*20;rating.style.width=width+"%";}rating_h.addEventListener("mouseleave",rating_reset);rating.querySelectorAll("li").forEach((r)=>{r.addEventListener("click",function(e){if(!readyState){return;}readyState=false;var el=e.currentTarget;var el_i=Array.prototype.indexOf.call(el.parentNode.children,el);var ajax_url="/ajax/vote.html?id="+rating_id+"&score="+(el_i+1);var xmlhttp=new XMLHttpRequest();xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==XMLHttpRequest.DONE){if(xmlhttp.status==200){var data=JSON.parse(xmlhttp.responseText);if(data.status=="saved"){rating_h.nextElementSibling.innerHTML=data.votes+" "+data.rating_word;rating.style.width=(data.rating*100/5)+"%";rating.querySelectorAll("li").forEach((l)=>{l.style.cursor="default";l.removeEventListener("mouseenter",rating_enter);});rating_h.removeEventListener("mouseleave",rating_reset);readyState=false;}else if(data.status=="error"){rating.style.width=oldValue+"px";alert(data.msg.vote);readyState=true;}}else{readyState=true;}}};xmlhttp.open("GET",ajax_url,true);xmlhttp.send();});r.addEventListener("mouseenter",rating_enter);});}
});
</script>
</body>
</html>
