OrdinadorsProgramari

Com crear pàgines HTML: instruccions pas a pas, i les recomanacions de tecnologia

Vostè pensa com crear HTML-pàgina? Per a això, cal passar algunes hores, i sabran els conceptes bàsics d'HTML. I crear la seva primera pàgina serà capaç de 5 minuts.

HTML vol dir Llenguatge de marcat d'hipertext. Traduït, vol dir "Hypertext Markup Language". És important entendre que l'HTML - no és un llenguatge de programació, és a dir, el lloc marcat.

Tots els navegadors moderns són capaços de reconèixer-ho. A continuació, mostren la informació d'una manera convenient per a l'usuari, ja que l'avanç va ser la intenció de l'autor.

Aquest llenguatge utilitza etiquetes especials. Cada etiqueta té una funció. Una gran quantitat d'ells. Idealment, vostè necessita aprendre tot. No obstant això, per al coneixement bàsic principiant és suficient.

Conceptes bàsics d'HTML

Abans de crear la pàgina HTML, el que necessita saber el que és. En aquest llenguatge, hi ha dos conceptes: l'element i l'etiqueta.

Per especificar que l'element comença i es tanca mitjançant una etiqueta d'obertura i tancament. Sembla que aquest.

contingut

Com es pot veure, l'obertura i l'etiqueta de tancament es diferencien només per "/".

Tot document HTML és un conjunt d'aquests elements. Hi ha certs requisits per a l'estructura del document. Tot el contingut de la pàgina ha d'estar entre les dues etiquetes i . Quan s'escriu codi, tenir un hàbit de posar immediatament a sota d'obertura i tancament del marcador.

Així mateix, recorda que l'estructura HTML de la llengua té la seva pròpia jerarquia. En cas contrari, es diu implantació. etiqueta HTML és el més important, perquè tots els altres estan al seu interior.

En HTML, hi ha dos elements secundaris:

  • ... ;
  • .. .

A la secció HEAD especifica diversa informació de servei. Aquesta informació es mostra en el navegador no ho fa. Per exemple, les directrius per als desenvolupadors, per a tots els programes, robots i més.

El més important - no hi ha contingut.

La secció de cos especifica el contingut del document, que es mostrarà a l'usuari.

Aprendre a prendre immediatament les etiquetes públiques i privades, ja que pot ser i 10 subtemes. A més, per a major comoditat de les etiquetes niades fer sangria. Per exemple, com aquest.

Així que fan que les etiquetes iguals importància eren al mateix nivell, i el nen - el "interior". Molt més fàcil de llegir i buscar una determinada peça de codi. En cas contrari, pot confondre. No obstant això, per a l'estalvi d'espai és etiquetes del cap i el cos es pot fer sense farcit. Així que veuen a tots els altres res guió. Tota la resta és desitjable separar.

Com crear una pàgina HTML simple en

Per poder programar que necessita algun tipus d'editor. Una gran quantitat d'ells. Populars són Notepad ++ i Adobe Dreamweaver. També pot utilitzar el bloc de notes.

Això és el que l'editor Notepad ++.

És editor molt fàcil d'utilitzar i és gratuït. L'anterior Adobe Dreamweaver es paga. A diferència editor dissenyat per escriure codi HTML de la coixinet - en què les etiquetes especials es destaquen. Si no s'encén, vol dir que vostè ha escrit és erroni.

Per tal de que coincideixi amb el llenguatge de la llum, cal especificar en la configuració.

Vegem com crear una pàgina HTML al Bloc de notes. És a dir, acabar la part tècnica i després simplement seguir endavant amb l'estudi de l'etiqueta.

Com crear una pàgina web en HTML portàtil

En primer lloc, obrir el bloc de notes.

A continuació, escriviu en ella que s'especifica a la següent captura de pantalla.

Cal acostumar-se a escriure les seves mans, no només una còpia. Quan vostè escriu les seves mans, a memoritzar millor la base de dades d'etiquetes.

A continuació, feu clic al menú "Desa el fitxer" i especificar un nom d'arxiu, però amb l'extensió .html.

L'arxiu es pot obrir en el navegador, i gaudir del resultat. Ara hauria d'estar clar com crear una pàgina web en HTML del quadern.

Consorci Mundial W3C

Hi ha una organització com el W3C, que desenvolupa i implementa tots els estàndards d'Internet. Tots els navegadors són sotmesos a les normes i procediments de disseny (s) per a les pàgines d'acord amb aquestes regles.

El lloc oficial dels desenvolupadors d'HTML, vostè pot trobar una taula amb totes les etiquetes i les normes relatives al seu ús. En aquest article ens fixem en el més bàsic.

Es pot pensar en el que podria ser veritat? Totes aquestes etiquetes tenen una recomanació. Diversos d'ells:

  • Codi opcional.
  • Prohibida.
  • l'etiqueta en blanc.
  • antiquat
  • Perdut.

Etiquetes en el codi HTML

Abans de crear la pàgina HTML, cal entendre que per estar al servei del cap.

CAP A la zona hi ha dues etiquetes obligatoris i opcionals. etiqueta obligatori refereix capçalera. Es denota per Títol </ title>. Se li assigna a tot el document. I el que es veu en els resultats de Google motor de cerca - un títol etiqueta. </p> <p> Ens dirigim a la secció del cos. Hi ha elements que es mostren en el navegador, i hi ha no es mostra. Per exemple, els comentaris no es mostren a l'usuari. Poden ser utilitzats per a les notes o consells per a altres empleats si es treballa en equip. </p> <p> Es designen com el <em><! - comentari -></em> </p> <p> El que entre el <! - i ->, el programa considerat d'aquesta manera. Tingueu en compte que no es pot posar un comentari en una altra etiqueta de comentari. Perquè tan aviat com s'obre la <! -, tot el que passa, que no es mostrarà. La informació no serà visible mentre el manipulador no veurà una etiqueta de tancament ->. </p> <p> Un exemple de tal recinte: </p> <p> <em><! - el primer a comentar <! - el segon comentari -> continuació del primer comentari -></em> </p> <p> el navegador serà el resultat de la següent </p> <p> <em>continuació del primer comentari -></em> </p> <p> Però un tros de <em><! - el primer comentari <! - el segon comentari -></em> no seran visibles. La segona etiqueta d'obertura <! - va ser ignorat i vistos com a text sense format. </p> <h2> Les capçaleres en el text </h2><p> Títol especifica no només a la secció HEAD usant l'etiqueta del títol. En el context de la capçalera s'ha d'especificar necessàriament. Atès que només veu l'usuari. </p> <p> Titulars vénen en una varietat de nivells. Per tant una jerarquia en el text. volums equivalents, capítols, paràgrafs d'un llibre. </p> <p> Es troba a només 6 nivells. El titular principal es designa <h1> Títol </ h1>. Pel que fa a la promoció de la pàgina de text en les etiquetes h1, i el títol ha de ser el mateix. D'altra banda, h1 des d'un punt de vista estètic, no ha d'haver-hi només un. Però això no vol dir que el navegador no manejarà h1 posterior. Ells poden fer tot el que vulgui, però això no és desitjable. </p> <p> Per subtítols utilitzar etiquetes de h2 a h6. Estan tan - anomenats títol del primer segon tercer, quart, cinquè i sisè nivell ,,,. Per tant crear un conjunt de dades niada i la divisió en categories. </p> <p> Sembla que aquest. </p> <p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="crear enllaços de pàgines html" width="371" height="256" layout="intrinsic"></amp-img></p> <h2> paràgraf </h2><p> El text principal en el codi que necessita per registrar l'etiqueta <p> ... </ p>. Ell va venir de la paraula "paràgraf". Cada paràgraf ha d'omplir l'etiqueta <p>, i no esculpir tot en un munt. salt de línia normal no serà processat. Tot va indicar en una sola línia. Per a les transferències que necessiti utilitzar <a href="https://ca.unansea.com/un-salt-de-linia-en-el-codi-html-utilitza-lample-detiqueta/">a etiqueta.</a> </p> <p> Tingueu en compte que la transferència de l'etiqueta no està tancada. Ell és únic. </p> <p> Penseu l'exemple vers. </p> <p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="Els poemes de Puixkin" width="700" height="627" layout="intrinsic"></amp-img></p> <p> Diverses etiquetes, a més del seu "nom", no és un atribut. Per exemple, una etiqueta de paràgraf té un atribut "alineació", que s'indica align. Es pot ajustar a l'esquerra, dreta, centre. És a dir, l'alineació de l'esquerra o cap a la dreta o centre. </p> <h2> L'ús d'enllaços </h2><p> Probablement ja has pensat: com crear pàgina HTML amb enllaços? Complicat en això no hi ha res. Crear enllaços pàgina HTML és molt simple. Per a aquesta fi hi ha un <a> etiqueta especial. Té els seus atributs requerits. enllaç apropiat és el següent: </p> <p> <em><a lloc href="http:// /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> text de l'enllaç </a></em> </p> <p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="crear enllaços de pàgines html" width="700" height="199" layout="intrinsic"></amp-img></em> </p> <p> Si no s'especifica una adreça i text, llavors aquest enllaç serà inútil o invisible per a l'usuari. </p> <h2> conclusió </h2><p> Hi ha una gran quantitat d'etiquetes, i cada un té el seu propi conjunt d'atributs. Després de llegir aquesta informació, vostè ha d'entendre com crear una pàgina web HTML. </p> <p> Per tal d'ampliar els seus coneixements en aquesta àrea, cal llegir més llibres i fer servir les etiquetes oficials de referència en HTML, que es troba en el lloc del W3C. Si no utilitza directori actualitzat periòdicament dels autors de llengua, que serà dur per esdevenir un professional en aquest camp. </p> </div> <!--mvp-content-main--> </div> <!--mvp-content-body-top--> </div> <!--mvp-content-body--> </div> <!--mvp-content-wrap--> </div> <!--mvp-post-content--> </div> <!--mvp-post-main--> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Similar articles</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/bona-reproductor-de-video-per-android-i-windows/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/4a1bf63970510ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/4a1bf63970510ea5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/bona-reproductor-de-video-per-android-i-windows/"> <p>Bona reproductor de vídeo per Android i Windows</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordinadors</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/com-aprendre-a-escriure-rapid-necessitat-de-motivacio/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/3ed8268261ce0e68-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/3ed8268261ce0e68-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/com-aprendre-a-escriure-rapid-necessitat-de-motivacio/"> <p>Com aprendre a escriure ràpid? Necessitat de motivació!</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordinadors</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/algunes-maneres-simples-per-millorar-la-nitidesa-en-photoshop/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e6ebd88b54100e2d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e6ebd88b54100e2d-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/algunes-maneres-simples-per-millorar-la-nitidesa-en-photoshop/"> <p>Algunes maneres simples per millorar la nitidesa en Photoshop</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordinadors</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/cercador-de-funday24-com-eliminar-darrencada-pas-a-pas-les-instruccions-i-recomanacions/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/709cad6b7e470ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/709cad6b7e470ed6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/cercador-de-funday24-com-eliminar-darrencada-pas-a-pas-les-instruccions-i-recomanacions/"> <p>Cercador de Funday24: com eliminar d'arrencada? Pas a pas les instruccions i recomanacions</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordinadors</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/com-millorar-lequip-sense-inversions-financeres/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/7eebfbd662470e72-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/7eebfbd662470e72-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/com-millorar-lequip-sense-inversions-financeres/"> <p>Com millorar l'equip sense inversions financeres</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordinadors</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/programa-per-eliminar-les-utilitats-la-millor-eina-per-a-leliminacio-de-programes/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/840c527670510ea4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/840c527670510ea4-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/programa-per-eliminar-les-utilitats-la-millor-eina-per-a-leliminacio-de-programes/"> <p>Programa per eliminar les utilitats. La millor eina per a l'eliminació de programes</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordinadors</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Trending Now</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/biografia-dastrid-lindgren-bibliografia-premis-i-fotos/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/852a9fbc7e270ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/852a9fbc7e270ecc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/biografia-dastrid-lindgren-bibliografia-premis-i-fotos/"> <p>Biografia d'Astrid Lindgren: bibliografia, premis i fotos</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Notícies i societat</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/lus-de-la-belladona-herba-baies-flors-de-la-belladona-en-la-medicina-tradicional-i-popular/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/75a4266e7e3e0eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/75a4266e7e3e0eca-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/lus-de-la-belladona-herba-baies-flors-de-la-belladona-en-la-medicina-tradicional-i-popular/"> <p>L'ús de la belladona. Herba, baies, flors de la belladona en la medicina tradicional i popular</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Salut</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/el-medicament-brufen-instruccions-dus-la-composicio-les-opinions/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/2240d5d97de30ecb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/2240d5d97de30ecb-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/el-medicament-brufen-instruccions-dus-la-composicio-les-opinions/"> <p>El medicament "Brufen": instruccions d'ús, la composició, les opinions</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Salut</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/atraccions-a-sant-petersburg-rostral-columnes-a-la-graella-de-lilla-vasilyevsky/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/2da197e954220e34-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/2da197e954220e34-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/atraccions-a-sant-petersburg-rostral-columnes-a-la-graella-de-lilla-vasilyevsky/"> <p>Atraccions a Sant Petersburg: rostral columnes a la graella de l'illa Vasilyevsky</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">De viatge</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/superplasticizer-c-3-plastificants-per-beurades-de-ciment/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/c1743dc070930ea7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/c1743dc070930ea7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/superplasticizer-c-3-plastificants-per-beurades-de-ciment/"> <p>Superplasticizer C-3. Plastificants per beurades de ciment</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Senzillesa</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/torniquet-torniquet-tecnica-en-una-extremitat/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/be73a69a6ff30e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/be73a69a6ff30e9d-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/torniquet-torniquet-tecnica-en-una-extremitat/"> <p>Torniquet. torniquet Tècnica en una extremitat</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Salut</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header" style="margin-top:40px;"> <span class="mvp-post-header">Newest</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/per-que-i-qui-va-destruir-cartago/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/4597e4c362310e6d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/4597e4c362310e6d-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/per-que-i-qui-va-destruir-cartago/"> <p>Per què i qui va destruir Cartago</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formació</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/receptes-facils-peixos-de-colors-pastis/"> <p>Receptes fàcils, peixos de colors pastís</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Aliments i begudes</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/overlock-per-cosir-a-casa-models-caracteristiques-configuracio-opinions/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/915754cb70d00eaa-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/915754cb70d00eaa-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/overlock-per-cosir-a-casa-models-caracteristiques-configuracio-opinions/"> <p>Overlock per cosir a casa: models, característiques, configuració, opinions</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Senzillesa</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/quin-es-el-creador-del-personatge/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e853bb506fd60e9a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e853bb506fd60e9a-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/quin-es-el-creador-del-personatge/"> <p>Quin és el creador del personatge?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordinadors</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/miracle-pomada-de-cera-dabelles-i-rovells-dou-ungueent-sobre-la-base-de-cera-dabelles/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b7733c2c70470ea6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b7733c2c70470ea6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/miracle-pomada-de-cera-dabelles-i-rovells-dou-ungueent-sobre-la-base-de-cera-dabelles/"> <p>Miracle pomada de cera d'abelles i rovells d'ou. Ungüent sobre la base de cera d'abelles</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Salut</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.unansea.com/qui-va-inventar-el-primer-telescopi-el-dispositiu-i-els-tipus-de-telescopis/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/258530447ed80eda-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/258530447ed80eda-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.unansea.com/qui-va-inventar-el-primer-telescopi-el-dispositiu-i-els-tipus-de-telescopis/"> <p>Qui va inventar el primer telescopi? El dispositiu i els tipus de telescopis</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formació</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> </div> <!--mvp-main-box--> </div> <!--mvp-article-cont--> </article> <!--mvp-article-wrap--> </div> <!--mvp-main-body-wrap--> <footer id="mvp-foot-wrap" class="left relative"> <div id="mvp-foot-bot" class="left relative"> <div class="mvp-main-box"> <div id="mvp-foot-copy" class="left relative"> <p>Copyright © 2018 ca.unansea.com. Theme powered by WordPress.</p> </div> <!--mvp-foot-copy--> </div> <!--mvp-main-box--> </div> <!--mvp-foot-bot--> </footer> </div> <!--mvp-site-main--> </div> <!--mvp-site-wall--> </div> <!--mvp-site--> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999983/0/a97b263e/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.207 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-02 05:11:21 --> <!-- 0.002 -->