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 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 continue_holder">
<div class="r-col">
<div class="row">
<a href="/suscribase.html?clk=read_full" class="c-button big-button orange-button bold read-full">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.216.000+ ensayos y trabajos','Únase a 11.395.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 href="/Biografías/Ensayo/61547.html">Ensayo</a>
</li>
<li>
<a href="/Temas-Variados/Ensayo/61080.html">Ensayo</a>
</li>
<li>
<a href="/Temas-Variados/El-Ensayo/57696.html">El Ensayo</a>
</li>
<li>
<a href="/Temas-Variados/El-Ensayo/47314.html">El Ensayo</a>
</li>
<li>
<a href="/Temas-Variados/El-Ensayo/45594.html">El Ensayo</a>
</li>
<li>
<a href="/Temas-Variados/El-Ensayo/40115.html">El Ensayo</a>
</li>
<li>
<a href="/Temas-Variados/Mi-Ensayo/38699.html">Mi Ensayo</a>
</li>
<li>
<a href="/Tecnología/Ensayo-R4/37416.html">Ensayo R4</a>
</li>
<li>
<a href="/Historia/El-Ensayo/27792.html">El Ensayo</a>
</li>
<li>
<a href="/Temas-Variados/El-Ensayo/26761.html">El Ensayo</a>
</li>
<li>
<a href="/Español/El-Ensayo/22765.html">El Ensayo</a>
</li>
<li>
<a href="/Biografías/El-Ensayo/22275.html">El Ensayo</a>
</li>
<li>
<a href="/Biografías/Ensayo-Noe/61334.html">Ensayo Noe</a>
</li>
<li>
<a href="/Negocios/ENSAYO-CRM/61237.html">ENSAYO CRM</a>
</li>
<li>
<a href="/Temas-Variados/Ensayo-CRM/60445.html">Ensayo CRM</a>
</li>
<li>
<a href="/Temas-Variados/Ensayo-Cmr/54768.html">Ensayo Cmr</a>
</li>
<li>
<a href="/Ciencia/Ensayo-Home/62440.html">Ensayo Home</a>
</li>
<li>
<a href="/Historia/Ensayo-Home/56699.html">Ensayo Home</a>
</li>
<li>
<a href="/Historia/Ensayo-Home/56698.html">Ensayo Home</a>
</li>
<li>
<a href="/Informes-de-Libros/Ensayo-Fish/49287.html">Ensayo Fish</a>
</li>
<li>
<a href="/Informes-de-Libros/Ensayo-Kane/47796.html">Ensayo Kane</a>
</li>
<li>
<a href="/Tecnología/Ensayo-Vida/47269.html">Ensayo Vida</a>
</li>
<li>
<a href="/Español/Ensayo-Edems/59424.html">Ensayo Edems</a>
</li>
<li>
<a href="/Español/Ensayo-Rural/52155.html">Ensayo Rural</a>
</li>
<li>
<a href="/Español/Ensayo-Salud/48579.html">Ensayo Salud</a>
</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 href="/buscar/Ensayo+Mide/pagina1.html">Ensayo Mide</a></div>
</li>
<li>
<div class="head"><a href="/buscar/Ensayo+Maslow/pagina1.html">Ensayo Maslow</a></div>
</li>
<li>
<div class="head"><a href="/buscar/Ensayo+Troya/pagina1.html">Ensayo Troya</a></div>
</li>
<li>
<div class="head"><a href="/buscar/Ensayo+Hamlet/pagina1.html">Ensayo Hamlet</a></div>
</li>
<li>
<div class="head"><a href="/buscar/Ensayo+UNAD/pagina1.html">Ensayo UNAD</a></div>
</li>
<li>
<div class="head"><a href="/buscar/Ensayo+El+sexto/pagina1.html">Ensayo El sexto</a></div>
</li>
<li>
<div class="head"><a href="/buscar/Ensayo+Minería/pagina1.html">Ensayo Minería</a></div>
</li>
<li>
<div class="head"><a href="/buscar/Ensayo+forense/pagina1.html">Ensayo forense</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–2025 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">
window.addEventListener("load",function(){
/* sli */ let sU=(t,d=500)=>{s=t.style;tpd(s,d);s.height=t.offsetHeight+"px";t.offsetHeight;zp(s);window.setTimeout(()=>{s.display="none";ppmm(s);tohh(s);},d);};let sD=(t,d=500)=>{s=t.style;rp(s,"display");let di=gcst(t);if(di==="none"){di="block";}s.display=di;let h=t.offsetHeight;zp(s);t.offsetHeight;tpd(s,d);s.height=h+"px";ppmm(s);window.setTimeout(()=>{tohh(s);},d);};var sT=(t,d=500)=>{if(gcst(t)==="none"){return sD(t,d);}else{return sU(t,d);}};var rp=(e,p)=>{e.removeProperty(p);};var gcst=(t)=>{return window.getComputedStyle(t).display;};var zp=(e)=>{e.overflow="hidden";e.height=e.paddingTop=e.paddingBottom=e.marginTop=e.marginBottom=0;};var tpd=(e,d)=>{e.transitionProperty="height,margin,padding";e.transitionDuration=d+"ms";};var tohh=(e)=>{rp(e,"height");rp(e,"overflow");rp(e,"transition-duration");rp(e,"transition-property");};var ppmm=(e)=>{rp(e,"padding-top");rp(e,"padding-bottom");rp(e,"margin-top");rp(e,"margin-bottom");};
/* mob */ var m=gel("burger"),mn=gel("navigation"),ms=gel("search-open"),msf=gel("search-form");m.addEventListener("click",function(){tca(m);tca(mn);});ms.addEventListener("click",function(){tca(ms);sT(msf);});document.addEventListener("mouseup",function(e){mC(e,m,mn);});document.addEventListener("touchend",function(e){mC(e,m,mn);},false);function mC(e,b,n){if(!mIS(e,n) && !mIS(e,b)){n.classList.remove("active");b.classList.remove("active");}}function gel(n){return document.getElementsByClassName(n).item(0);}function tca(e){e.classList.toggle("active");}function mIS(e,el){if(e.target!==el && !e.composedPath().includes(el)){return false;}return true;}
/* popup */ var sp=gelID("sections_popup"),spc=gelID("cat_pop"),spn=gelN("navigation"),sph=gelN("header");spc.addEventListener("mouseover",function(){spSh(sp,spc,spn)});sp.addEventListener("mouseover",function(){spSh(sp,spc,spn)});sph.addEventListener("mouseleave",function(){spHi(sp)});sp.addEventListener("mouseleave",function(){spHi(sp)});function spSh(e,c,n){var cl=gbcrl(c),nl=gbcrl(n);if(cl>0 && nl>0 && document.body.clientWidth>992){e.style.left=(cl-nl-15)+"px";e.style.display="block";}}function spHi(e){e.style.display="none";}function gbcrl(e){return e.getBoundingClientRect().left;}function gelID(n){return document.getElementById(n);}function gelN(n){return document.getElementsByClassName(n).item(0);}
/* save */ var sv=document.querySelectorAll("a.save-button");if(sv!==null){sv.forEach(b=>b.addEventListener("click",function(e){var el=e.currentTarget;el.innerHTML="<span class=\"save-paper-load-icon\"></span> "+el.getAttribute("data-placeholder");var sva=new XMLHttpRequest();sva.onreadystatechange=function(){if(sva.readyState==XMLHttpRequest.DONE && sva.status==200){var d=JSON.parse(sva.responseText);if(d.status=="saved"){el.outerHTML=d.html_button;document.getElementById("savedBox").outerHTML=d.html_box;}}};sva.open("GET","/ajax/save-paper.html?id="+el.getAttribute("rel"),true);sva.send();}));}
/* rating */ var rh=document.querySelector(".rating-holder");if(rh!==null){var rrs=true,r=rh.querySelector(".rating");var rov=r.offsetWidth;function rR(){rSW(r,rov,"px");}function rSW(e,w,m){e.style.width=w+m;}function rEi(e){var el=e.currentTarget;return Array.prototype.indexOf.call(el.parentNode.children,el);}function rE(e){rSW(r,(rEi(e)+1)*20,"%");}rh.addEventListener("mouseleave",rR);r.querySelectorAll("li").forEach((rli)=>{rli.addEventListener("click",function(e){if(!rrs){return;}rrs=false;var ra=new XMLHttpRequest();ra.onreadystatechange=function(){if(ra.readyState==XMLHttpRequest.DONE){if(ra.status==200){var d=JSON.parse(ra.responseText);if(d.status=="saved"){rh.nextElementSibling.innerHTML=d.votes+" "+d.rating_word;rSW(r,d.rating*20,"%");r.querySelectorAll("li").forEach((l)=>{l.style.cursor="default";l.removeEventListener("mouseenter",rE);});rh.removeEventListener("mouseleave",rR);rrs=false;}else if(d.status=="error"){rSW(r,rov,"px");alert(d.msg.vote);rrs=true;}}else{rrs=true;}}};ra.open("GET","/ajax/vote.html?id="+rh.getAttribute("rel")+"&score="+(rEi(e)+1),true);ra.send();});rli.addEventListener("mouseenter",rE);});}
/* readfull */ window.addEventListener("scroll",function(){var rf=document.querySelector(".content .paper .holder .r-col .orange-button.bold");if(rf!==null){var rfp= rf.parentElement.getBoundingClientRect().top+window.pageYOffset-document.documentElement.clientTop;if((window.scrollY+window.innerHeight)<rfp+70){rf.classList.add("fixed");}else{rf.classList.remove("fixed");}}});
/* previews */ var ph=pQS(document,".gallery-holder");if(ph!==null){if(previews!=""){var pg=pQS(ph,".gallery"),pswh=pQS(ph,".switch-holder"),pbpre=pQS(ph,".prev"),pbnext=pQS(ph,".next"),psw=pQS(ph,".paging"),pjqld=false,pld=false,pjsing=false,ping=false,popeni=1,pc=previews.length,ppos=0,pscroll=false,pild=false,pisld=false,_sl="",_sw="",pjs="/i/js/paper.js?"+Math.random(),_a="active",_d="disabled";previews.forEach(function(el,i){_sl+="<li><img alt=\""+document_title.replaceAll("+"," ").replaceAll('"',"")+". "+_page+" "+(i+1)+"\" data-src=\""+gallery_path+"/"+el+".jpg\" width=\"210\" height=\"272\"><a href=\"#izoom"+(i+1)+"\" class=\"zoom\">zoom</a></li>";_sw+="<li><a href=\"#\">"+(i+1)+"</a></li>";});pg.innerHTML=_sl;psw.innerHTML=_sw;var pg_sls=pg.querySelectorAll("li");var pg_sws=psw.querySelectorAll("li");if(window.innerWidth>=992){pFstImg();}else{document.addEventListener("scroll",pFstImg);pscroll=true;}pAC(pswh,_a);pActSl(0);pActSw(0);pUpBtns(0);pUpSwPos();pbpre.addEventListener("click",function(e){e.preventDefault();pGo(ppos-1);});pbnext.addEventListener("click",function(e){e.preventDefault();pGo(ppos+1);});previews.forEach(function(el,i){pg_sws[i].addEventListener("click",function(e){e.preventDefault();pGo(i);});pg_sls[i].addEventListener("click",function(e){e.preventDefault();pOpen(i+1);});});}}function pUpSwPos(){psw.style.marginLeft=pSwPos()+"px";}function pSwPos(){var p_w=32,p_b=5;var sw_w=p_w*5+p_b*4;if(pc==5){return 0;}if(pc==1){return Math.round((sw_w-p_w)/2);}if(pc<5){return Math.round((sw_w-(pc*p_w+(pc-1)*p_b))/2);}if(pc>5){if(ppos<3){return 0;}if(pc-ppos>=3){return -(ppos-2)*(p_w+p_b);}else{return -(pc-5)*(p_w+p_b);}}}function pFstImg(){if(!pild){pImg(pQS(pg_sls[0],"img"));pild=true;if(pscroll){pscroll=false;document.removeEventListener("scroll",pFstImg);}}}function pImgs(){if(!pisld){previews.forEach(function(el,i){if(!pild || i>0){pImg(pQS(pg_sls[i],"img"));}});pild=pisld=true;}}function pImg(i){var u=i.getAttribute("data-src");if(u!=null){i.removeAttribute("data-src");i.setAttribute("src",u);}}function pRC(e,v){e.classList.remove(v);}function pAC(e,v){e.classList.add(v);}function pUpBtns(p){pRC(pbpre,_d);pRC(pbnext,_d);if(pc==1){pAC(pbpre,_d);pAC(pbnext,_d);pRC(pswh,_a);return false;}if(p==0){pAC(pbpre,_d);}if(p==pc-1){pAC(pbnext,_d);}}function pActSl(p){pAC(pg_sls[p],_a);}function pActSw(p){pAC(pg_sws[p],_a);}function pGo(p){pImgs();pRC(pg_sls[ppos],_a);pRC(pg_sws[ppos],_a);ppos=p;if(ppos>=pc){ppos=pc-1;}if(ppos<0){ppos=0;}pActSl(ppos);pActSw(ppos);pUpBtns(ppos);pUpSwPos();}function pTryOpen(){if(pjqld && pld){paperObject.paperZoomOpen(popeni);setTimeout(function(){ping=false;},1000);}}function pOpen(i){if(!ping){ping=true;popeni=i;if(!pjqld){pLJS("jq","https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js");return true;}if(!pld){pLJS("p",pjs);return true;}pTryOpen();}}function pLJS(n,u){if(!pjsing){pjsing=true;return new Promise((resolve,reject)=>{const s=document.createElement("script");s.setAttribute("src",u);s.addEventListener("load",function(){pjsing=false;if(n=="jq"){jQueryLoaded();}if(n=="p"){pJSLoaded();}});document.body.appendChild(s);});}}function jQueryLoaded(){pjqld=true;if(!pld){pLJS("p",pjs);return true;}pTryOpen();}function pJSLoaded(){pld=true;pTryOpen();}function pQS(e,n){return e.querySelector(n);}
});
</script>
</body>
</html>
