OrdinadorsTipus d'arxius

Una mica sobre com crear un arxiu HTML

Ara li mostrarem com crear un arxiu HTML, ja que s'inicia amb la preparació d'aquest lloc web. Per tal d'obtenir un document d'aquest tipus, es pot usar un editor de text o aplicacions especialitzades. Per aconseguir la correcta visualització de l'arxiu en el navegador, es requereix el compliment de certes regles en el codi de disseny.

definició

Per respondre a la pregunta de com crear un arxiu HTML que s'inicia amb una definició. Aquest material és un document de text ordinari, però en ella usant descriptors especials es pot especificar la ubicació dels elements de contingut a les pàgines o objectes de la finestra del navegador individuals. Alhora, es pot veure el resultat a través del navegador d'Internet.

Per tal d'editar el codi HTML, pot utilitzar un editor de text o seleccionar els programes especials amb entrada automàtica i ressaltat de sintaxi. Recordeu que un exemple d'una aplicació que s'adapta bé per treballar eficaçment amb aquests documents es va convertir en Sublim Text.

Durant l'ús de l'editor de codi, seleccioneu l'element del menú principal "Arxiu" d'aplicacions, i després "Guardar com ...". A més, en el quadre de diàleg que va seguir, especificar el directori en el qual es guarda l'arxiu HTML, així com el seu nom i l'extensió exacta. Per tant, el format és fàcil de reemplaçar.

Pot el document de text convertit, convertint-la en una pàgina HTML simplement afegint al final de l'extensió .html nom. S'ha de recordar que hi ha un seguit de situacions específiques en què fins i tot la dreta crea un arxiu que té el format correcte, el navegador no s'obre. La raó d'això pot ser el mal disseny de l'estructura de codi HTML.

normes

Hi ha una sèrie de regles, sense la qual es mostra l'execució completa de la pàgina d'Internet de forma incorrecta o no s'obre en absolut. Si vostè vol saber com crear un arxiu HTML sense errors, ha de mantenir algunes pautes. etiqueta és opcional, però la seva presència ajudarà a que el navegador interpreta correctament el codi, així com per reconèixer l'estructura d'un document donat.

En certes situacions, provoca la correcta visualització de pàgines web és la manca d'un error ortogràfic de l'etiqueta. Dobles codi és un descriptor. És un contingut de la pàgina web en la seva totalitat. Els elements del material que es troba fora de l'etiqueta es mostra en el navegador de text simple o bloquejats.

Excepte actes . Si parlem de com crear un arxiu HTML, és important saber que el mànec del mateix nom és una necessitat per a aquest tipus de material. En aquest cas, tal designació no es pot utilitzar per etiquetar els drets de més d'1 vegada a la pàgina. Amb l'ajuda de símbols especials i especifica la informació sobre el document.

Recordeu que entre les etiquetes usant les etiquetes i </ title> s'ha d'especificar títol de la pàgina web. Al seu torn, a través de la <link> pot incloure els arxius JavaScript i CSS. </p> <p> De la mateixa manera, dins el paràmetre <head>, el tipus de document, la codificació, estils, versions de disseny en diferents navegadors, així com un nombre d'altres paràmetres. Tot i que el contingut de l'etiqueta i el navegador no es retorna, es requereix que el descriptor. </p> <h2> fundació </h2><p><amp-img src="https://images.birmiss.com/image/fbf6aa7970090e9e.jpg" alt="arxiu html" width="700" height="460" layout="intrinsic"></amp-img> <Body> en conjunció amb l'etiqueta </ body> conté el cos de la web - la informació que es visualitza en la pantalla de l'usuari. Podem parlar de títols, subtítols, paràgrafs i línies de text, imatges, vídeo o altres objectes multimèdia. En el qual dit mànec es requereix. </p> <p> A l'interior, altres elements poden ser utilitzats: <peu de pàgina>, <article> o <header>. Tot i que no afecten directament el resultat mostrat en el navegador, però, crear l'estructura HTML, es considera una bona forma entre els desenvolupadors web i dissenyadors web. </p> <h2> Notes sobre la mà </h2><p> <amp-img src="https://images.birmiss.com/image/7072baa66fe20e96.jpg" alt="com crear un arxiu HTML al Bloc de notes" width="700" height="460" layout="intrinsic"></amp-img> Ara anem a veure com crear un arxiu HTML en el "Bloc de notes". És amb el desenvolupament de pàgines HTML en aquesta aplicació s'ha iniciat la construcció de lloc d'entrenament de tots els programadors web. També es pot aprendre una ciència senzilla. Ompli el "Bloc de notes" de la informació s'ha de basar en el consell que li havia donat anteriorment, és a dir, aprendre el significat de les etiquetes, els van posar en els llocs adequats, per omplir el contingut. </p> <p> Gireu el "Bloc de notes" a la pàgina HTML és molt fàcil de fer això, ja hem descrit. Per tant, vostè està familiaritzat amb els conceptes bàsics del procés i convenir de crear un arxiu HTML no és molt difícil. </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"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.birmiss.com/com-fer-visible-linvisible-carpeta-i-viceversa/"> <p>Com fer visible l'invisible carpeta i viceversa</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.birmiss.com/com-connectar-dues-taules-a-la-paraula-2003-2007-2010/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/e2ee6f567dfa0ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/e2ee6f567dfa0ed0-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.birmiss.com/com-connectar-dues-taules-a-la-paraula-2003-2007-2010/"> <p>Com connectar dues taules a "la Paraula" (2003, 2007, 2010)?</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.birmiss.com/els-detalls-sobre-com-canviar-els-numeros-en-excel-en-les-lletres/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/02511fd770610ea8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/02511fd770610ea8-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.birmiss.com/els-detalls-sobre-com-canviar-els-numeros-en-excel-en-les-lletres/"> <p>Els detalls sobre com canviar els números en Excel en les lletres</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.birmiss.com/com-el-teclat-es-colloca-apostrof-part-superior-coma/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/c11cad477e960ed9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/c11cad477e960ed9-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.birmiss.com/com-el-teclat-es-colloca-apostrof-part-superior-coma/"> <p>Com el teclat es col·loca apòstrof (part superior coma)</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.birmiss.com/pastilles-de-microprogramari-instruccions-pas-a-pas-com-actualitzar/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/b152c8897dac0ec2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/b152c8897dac0ec2-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.birmiss.com/pastilles-de-microprogramari-instruccions-pas-a-pas-com-actualitzar/"> <p>Pastilles de microprogramari: instruccions pas a pas. Com actualitzar?</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.birmiss.com/que-es-un-arxiu-apk-lobre-i-com-usar-lo/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ce473c4e70250e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ce473c4e70250e9d-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.birmiss.com/que-es-un-arxiu-apk-lobre-i-com-usar-lo/"> <p>Què és un arxiu APK, l'obre i com usar-lo</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.birmiss.com/traccio-espinal-a-la-llar/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/fd30cf2061810e5e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/fd30cf2061810e5e-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.birmiss.com/traccio-espinal-a-la-llar/"> <p>Tracció espinal a la llar</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.birmiss.com/propostes-de-construccio-en-angles-esquema-ofereix-a-angles/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/2b7b21e56ffe0e9f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/2b7b21e56ffe0e9f-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.birmiss.com/propostes-de-construccio-en-angles-esquema-ofereix-a-angles/"> <p>Propostes de construcció en anglès. Esquema ofereix a Anglès</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"> <a href="https://ca.birmiss.com/zoo-a-lipetsk-mascotes-adreca-horari-preu-del-bitllet/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/093067e37d6d0ebb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/093067e37d6d0ebb-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.birmiss.com/zoo-a-lipetsk-mascotes-adreca-horari-preu-del-bitllet/"> <p>Zoo a Lipetsk: mascotes, adreça, horari, preu del bitllet</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"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ca.birmiss.com/formant-daquesta-manera-la-politica-de-personal-de-lempresa/"> <p>Formant d'aquesta manera la política de personal de l'empresa</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Negocis</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.birmiss.com/inspiracio-que-es-aixo/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/fe3130346fa50e98-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/fe3130346fa50e98-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.birmiss.com/inspiracio-que-es-aixo/"> <p>Inspiració - Què és això?</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"> <a href="https://ca.birmiss.com/limita-substancies-fluidesa-com-determinar-el-limit-elastic/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/305974986fec0e9b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/305974986fec0e9b-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.birmiss.com/limita-substancies-fluidesa-com-determinar-el-limit-elastic/"> <p>Limita substàncies fluïdesa. Com determinar el límit elàstic</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--> <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.birmiss.com/spencer-hastings-miss-judici/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/3f8153467e970ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/3f8153467e970ed4-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.birmiss.com/spencer-hastings-miss-judici/"> <p>Spencer Hastings: Miss judici</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Arts i entreteniment</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ca.birmiss.com/el-que-indica-que-els-colics-en-els-nadons-dr-komorowski-colics-en-els-nadons-consells-consells/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/9098aa737e970ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/9098aa737e970ed5-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.birmiss.com/el-que-indica-que-els-colics-en-els-nadons-dr-komorowski-colics-en-els-nadons-consells-consells/"> <p>El que indica que els còlics en els nadons Dr. Komorowski? Còlics en els nadons: consells, consells</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Llar i Família</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.birmiss.com/les-adherencies-a-les-canonades-com-una-causa-de-la-infertilitat/"> <p>Les adherències a les canonades com una causa de la infertilitat</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.birmiss.com/paulownia-fusta-descripcio-la-cura-el-cultiu-el-reg-i-comentaris/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/dbe9e9fd7e2b0ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/dbe9e9fd7e2b0ed8-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.birmiss.com/paulownia-fusta-descripcio-la-cura-el-cultiu-el-reg-i-comentaris/"> <p>Paulownia (fusta): descripció, la cura, el cultiu, el reg i comentaris</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.birmiss.com/comentaris-trekrezan-comprimits-instruccions-dus-una-descripcio-de-la-composicio/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/cf9ba3467df00ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/cf9ba3467df00ece-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.birmiss.com/comentaris-trekrezan-comprimits-instruccions-dus-una-descripcio-de-la-composicio/"> <p>Comentaris: "trekrezan" (comprimits). Instruccions d'ús, una descripció de la composició</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.birmiss.com/la-serie-refugi-actors-rols-la-historia-de-la-creacio/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ff58703f7ee40edb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ff58703f7ee40edb-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.birmiss.com/la-serie-refugi-actors-rols-la-historia-de-la-creacio/"> <p>La sèrie "refugi": actors, rols, la història de la creació</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Arts i entreteniment</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.birmiss.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/11999666/0/ec2c5c75/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.19 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-09-30 01:35:22 --> <!-- 0.002 -->