InformáticaTipos de arquivos

Un pouco sobre como crear un ficheiro HTML

Agora imos amosar-lle como crear un ficheiro HTML, porque comeza coa preparación desta web. Co fin de obter tal documento, pode utilizar un editor de texto ou aplicacións especializadas. Para acadar a exhibición correcta do ficheiro no navegador, el esixe o cumprimento de certas regras no código deseño.

definición

Para responder á pregunta de como crear un ficheiro HTML que comezar cunha definición. Este material é un documento de texto común, pero aí usando descriptores especiais pode especificar a localización de elementos de contido en páxinas individuais ou obxectos da xanela do navegador. Ao mesmo tempo, pode ver o resultado a través do seu navegador de Internet.

Para editar o código HTML, pode utilizar un editor de texto ou seleccionar os programas especiais con entrada automática e destaque de sintaxe. Nótese que un exemplo dunha aplicación que é ben axeitado para traballar eficazmente con estes documentos se fixo Texto Sublime.

Durante o uso do editor de código, seleccione o principal elemento de menú "Arquivo" da aplicación e, a continuación, "Gardar como ...". Ademais, na caixa de diálogo que se seguiu, especificar o directorio no que o ficheiro HTML é salvo, así como o seu nome ea extensión exacta. Así, o formato é fácil de substituír.

Pode o documento de texto convertido, transformándoo en unha páxina HTML, simplemente anexando o final da extensión .html nome. Debe lembrar que hai unha serie de situacións específicas en que mesmo o dereito creado un arquivo que ten o formato correcto, o seu navegador non será aberto. A razón para isto pode ser o deseño malo da estrutura de código HTML.

regras

Hai unha serie de normas, sen a cal a aplicación da páxina web aparece incorrectamente ou non aberta a todos. Se quere saber como crear un ficheiro HTML sen erros, ten que manter algunhas orientacións. Tag é opcional, pero a súa presenza pode axudar o navegador interpretar correctamente o código, así como para recoñecer a estrutura dun determinado documento.

En determinadas situacións, causar información incorrecta de páxinas web é a falta dun erro de ortografía da etiqueta. código Dobles é un descritor. É un contido de web-páxina na súa totalidade. Os elementos do material que están situados fóra da etiqueta aparecen no navegador de texto ou bloqueado.

Excepto actos . Se falamos sobre como crear un ficheiro HTML, é importante saber que a alza do mesmo nome é unha obriga para este tipo de material. Neste caso, tal designación non se pode usar para marcar os dereitos de máis de 1 veces na páxina. Coa axuda de símbolos especiais e especifica a información sobre o documento.

Observe-se que entre as etiquetas usando as etiquetas e </ title> debe estar título da páxina web. Pola súa banda, a través do <link> pode incluír os arquivos JavaScript e CSS. </p> <p> Do mesmo xeito, dentro do parámetro <head>, o tipo de documento, codificación, estilos, versións de deseño en diferentes navegadores, así como unha serie de outros parámetros. Aínda que o contido da etiqueta eo navegador non é devolto, o descritor é necesaria. </p> <h2> fundación </h2><p><amp-img src="https://images.birmiss.com/image/fbf6aa7970090e9e.jpg" alt="ficheiro HTML" width="700" height="460" layout="intrinsic"></amp-img> <Body> tag en conxunto co </ body> contén o corpo do lugar - información que aparecen na pantalla do usuario. Podemos falar títulos, subtítulos, parágrafos e liñas de texto, imaxes, vídeo ou outros obxectos multimedia. En que a dita alza é necesaria. </p> <p> No interior, outros elementos poden ser usados: <footer>, <artigo> ou <header>. A pesar de non afectar directamente o resultado aparecerá no navegador, sen embargo, crear a estrutura HTML, é considerada boa forma entre os desenvolvedores web e deseñadores web. </p> <h2> Notas sobre a man </h2><p> <amp-img src="https://images.birmiss.com/image/7072baa66fe20e96.jpg" alt="como crear un ficheiro HTML no bloque de notas" width="700" height="460" layout="intrinsic"></amp-img> Agora imos ollar para como crear un ficheiro HTML na "bloque de notas". E co desenvolvemento de páxinas HTML nesta aplicación iniciada sitio de adestramento construción de todos os desenvolvedores web. Tamén pode aprender unha ciencia simple. Encha o "Notepad" de información debe ser a base do dictame que fora dada anteriormente, isto é, aprender o significado das etiquetas, poñelos nos lugares determinados, para cubrir o contido. </p> <p> Xire o "bloque de notas" na páxina HTML é moi sinxelo de facelo, xa describimos. Así, está familiarizado cos conceptos básicos do proceso e pode aceptar que crear un arquivo HTML non é moi 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"> <a href="https://gl.birmiss.com/sobre-iso-abre-as-7z/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/cb4bc09570280ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/cb4bc09570280ea0-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://gl.birmiss.com/sobre-iso-abre-as-7z/"> <p>Sobre iso, abre as 7z</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Informática</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/como-arquivar-arquivo-no-zip-como-arquivar-un-ficheiro-ou-cartafol/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8175586b6ff50ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8175586b6ff50ea0-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://gl.birmiss.com/como-arquivar-arquivo-no-zip-como-arquivar-un-ficheiro-ou-cartafol/"> <p>Como arquivar arquivo no Zip. Como arquivar un ficheiro ou cartafol</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Informática</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/magnet-enlace-o-que-e-e-como-abrir/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/a6b4dbb57ea50edb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/a6b4dbb57ea50edb-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://gl.birmiss.com/magnet-enlace-o-que-e-e-como-abrir/"> <p>Magnet enlace: o que é e como abrir</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Informática</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/djvu-expansion-o-android-pc-aberta/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/fea18cdb70690ea6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/fea18cdb70690ea6-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://gl.birmiss.com/djvu-expansion-o-android-pc-aberta/"> <p>DjVu expansión. O Android-PC aberta?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Informática</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/regcleaner-pro-que-e-este-programa-comentarios/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ee353c0270220e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ee353c0270220e9d-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://gl.birmiss.com/regcleaner-pro-que-e-este-programa-comentarios/"> <p>RegCleaner Pro: Qué é este programa? comentarios</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Informática</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/gz-expansion-o-que-e-o-ficheiro-e-como-abri-los/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/9f0e83887e230ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/9f0e83887e230ecf-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://gl.birmiss.com/gz-expansion-o-que-e-o-ficheiro-e-como-abri-los/"> <p>GZ-expansión: o que é o ficheiro e como abri-los?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Informática</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://gl.birmiss.com/transferencia-para-o-turismo-esta-e-unha-transferencia-tipos-de-turismo/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/3834893d70180e9e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/3834893d70180e9e-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://gl.birmiss.com/transferencia-para-o-turismo-esta-e-unha-transferencia-tipos-de-turismo/"> <p>Transferencia para o turismo - esta é unha transferencia ... Tipos de turismo</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Viaxes</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/cal-e-o-espello-de-bagua-bagua-espello-feng-shui/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/c47b36ca7e160ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/c47b36ca7e160ecc-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://gl.birmiss.com/cal-e-o-espello-de-bagua-bagua-espello-feng-shui/"> <p>Cal é o espello de Bagua? Bagua espello Feng Shui</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Casa e familia</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/mortal-kombat-rebirth-os-actores-a-historia-ea-terceira-parte/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/a43c27347eb30eda-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/a43c27347eb30eda-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://gl.birmiss.com/mortal-kombat-rebirth-os-actores-a-historia-ea-terceira-parte/"> <p>"Mortal Kombat: Rebirth": os actores, a historia ea terceira parte</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Artes e entretementos</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/que-e-a-pedra-densidade-de-pedra-os-tipos-e-as-propiedades/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/b19bf3037e510ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/b19bf3037e510ed0-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://gl.birmiss.com/que-e-a-pedra-densidade-de-pedra-os-tipos-e-as-propiedades/"> <p>Que é a pedra? densidade de pedra, os tipos e as propiedades</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formación</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/que-e-o-patchwork-patchwork-patchwork-patchwork-de-punto/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/d8b772a96fa20e94-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/d8b772a96fa20e94-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://gl.birmiss.com/que-e-o-patchwork-patchwork-patchwork-patchwork-de-punto/"> <p>¿Que é o patchwork? Patchwork - patchwork. Patchwork de punto</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hobby</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/descanse-en-marzo-onde-ir-de-vacacions/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/b27c6e5946690df9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/b27c6e5946690df9-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://gl.birmiss.com/descanse-en-marzo-onde-ir-de-vacacions/"> <p>Descanse en marzo, onde ir de vacacións?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Viaxes</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://gl.birmiss.com/ferry-helsinki-tallin-todas-as-opcions/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/fac381046fc70e98-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/fac381046fc70e98-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://gl.birmiss.com/ferry-helsinki-tallin-todas-as-opcions/"> <p>Ferry "Helsinki-Tallin" - todas as opcións!</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Viaxes</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/interpretacion-dos-sonos-galinas-para-mellor-ou-para-peor/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/c71f6eed6fb60e94-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/c71f6eed6fb60e94-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://gl.birmiss.com/interpretacion-dos-sonos-galinas-para-mellor-ou-para-peor/"> <p>Interpretación dos Soños: galiñas - para mellor ou para peor?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Desenvolvemento intelectual</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/que-e-escritura/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1c03d1e954960e3c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1c03d1e954960e3c-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://gl.birmiss.com/que-e-escritura/"> <p>Que é escritura</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Desenvolvemento intelectual</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/dzhenifer-tilli-jennifer-tilly-filmografia-e-vida-persoal/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/e443b6b670130ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/e443b6b670130ea5-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://gl.birmiss.com/dzhenifer-tilli-jennifer-tilly-filmografia-e-vida-persoal/"> <p>Dzhenifer Tilli (Jennifer Tilly) - Filmografía e vida persoal</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Artes e entretementos</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/cobro-de-debedas-conta-con-profesionais/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/baa72bf96f930e90-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/baa72bf96f930e90-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://gl.birmiss.com/cobro-de-debedas-conta-con-profesionais/"> <p>Cobro de débedas Conta con profesionais</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Finanzas</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://gl.birmiss.com/crema-para-acne-clean-line-composicion-e-comentarios/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/22485bb67daf0ec1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/22485bb67daf0ec1-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://gl.birmiss.com/crema-para-acne-clean-line-composicion-e-comentarios/"> <p>Crema para acne "Clean Line": composición e comentarios</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Beleza</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 gl.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.193 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-09-30 03:18:58 --> <!-- 0.002 -->