Nou sal ons jou wys hoe om 'n HTML-lêer te skep, want dit begin met die voorbereiding van hierdie webwerf. Ten einde so 'n dokument te bekom, kan jy gebruik 'n teks editor of gespesialiseerde programme. Om die korrekte vertoning van die lêer in die leser te bereik, is dit nodig nakoming van sekere reëls in die ontwerp-kode.
definisie
Op die vraag van hoe om 'n HTML-lêer wat begin met 'n definisie te skep beantwoord. Sulke materiaal is 'n gewone teks dokument, maar daarin met behulp van spesiale beskrywers kan die ligging van inhoud items op individuele bladsye of voorwerpe van die venster spesifiseer. Op dieselfde tyd, kan jy die resultaat via die internet browser sien.
Met die oog op die HTML-kode te wysig, kan jy 'n teks editor gebruik of kies die spesiale programme met outomatiese inskrywing en accentuering. Let daarop dat 'n voorbeeld van 'n aansoek wat goed is geskik om doeltreffend te werk met hierdie dokumente het Sublime teks.
Tydens die gebruik van die kode redakteur, kies die hoof menu item "File" aansoek, en dan "Save as ...". Verdere, in die daaropvolgende dialoog, spesifiseer die gids waarin die HTML-lêer is gered, sowel as sy naam en die presiese uitbreiding. So, die formaat is maklik om te vervang.
Kan die bekeerde teks dokument, draai dit in 'n HTML-bladsy deur eenvoudig die aanbring van die einde van die naam uitbreiding Html. Daar moet onthou word dat daar 'n aantal spesifieke situasies waarin selfs die reg van 'n lêer wat die korrekte formaat het geskep, die leser sal nie oop. Die rede hiervoor kan die verkeerde ontwerp van HTML-kode struktuur wees.
reëls
Daar is 'n aantal reëls, waarsonder die volle implementering van die Internet bladsy verkeerd of nie oop te alle vertoon. As jy wil weet hoe om 'n HTML-lêer met geen foute maak, moet jy 'n paar riglyne te hou. Tag is opsioneel, maar sy teenwoordigheid sal help om die leser die kode korrek te interpreteer, asook om die struktuur van 'n gegewe dokument erken.
In sekere situasies, veroorsaak verkeerde vertoning van webblaaie is die gebrek aan 'n spelfout van die tag. Dubbelspel-kode is 'n descriptor. Dit is 'n inhoud web-bladsy in sy geheel. Die elemente van die materiaal wat geleë is buite die tag vertoon in plain text leser of geblokkeer.
Behalwe dade . As ons praat oor hoe om 'n HTML-lêer te skep, is dit belangrik om te weet dat die handvatsel van die dieselfde naam is 'n moet vir hierdie tipe materiaal. In hierdie geval, kan so 'n benaming nie gebruik word om die regte van meer as 1 keer merk op die bladsy. Met die hulp van spesiale simbole en spesifiseer die inligting op die dokument.
Let daarop dat tussen die tags met behulp van die tags
en </ title> moet gespesifiseer webblad titel. Op sy beurt het deur die <skakel> kan insluit die JavaScript-lêers en CSS. </p>
<p> Net so, in die parameter <head>, die dokument tipe, enkodering, style, ontwerp weergawes in verskillende blaaiers, sowel as 'n aantal ander parameters. Hoewel die inhoud van die etiket en die leser nie terugbesorg word die descriptor vereis. </p>
<h2> fondament </h2><p><amp-img src="https://images.birmiss.com/image/fbf6aa7970090e9e.jpg" alt="html lêer" width="700" height="460" layout="intrinsic"></amp-img> <Body> in samewerking met die </ body> bevat die liggaam van die werf - inligting wat op die skerm die gebruiker se vertoon. Ons kan praat oor titels, subtitels, paragrawe en lyne van die teks, beelde, video of ander multimedia voorwerpe. Waarin gesê handvatsel word vereis. </p>
<p> Binne, kan ander elemente gebruik word: <footer>, <artikel> of <header>. Hoewel hulle die vertoon resultaat nie direk raak in die leser egter skep die HTML struktuur, is dit beskou as 'n goeie vorm onder die web-ontwikkelaars en web ontwerpers. </p>
<h2> Notas oor hand </h2><p><amp-img src="https://images.birmiss.com/image/7072baa66fe20e96.jpg" alt="hoe om 'n HTML-lêer in Notepad skep" width="700" height="460" layout="intrinsic"></amp-img> Nou kyk ons na hoe om 'n HTML-lêer in die "Notepad" te skep. Dit is met die ontwikkeling van HTML bladsye in hierdie aansoek begin oefen webwerf bou al web programmeerders. Jy kan ook leer om 'n eenvoudige wetenskap. Vul die "Notepad" van inligting moet gebaseer wees op die advies wat voorheen gegee, dit is, leer die betekenis van die etikette, sit hulle in die regte plekke, in die inhoud te vul. </p>
<p> Draai die "Notepad" in die HTML-bladsy is baie maklik om dit te doen, het ons reeds beskryf. So, jy is vertroud met die basiese beginsels van die proses en kan dit eens dat skep 'n HTML-lêer is nie baie moeilik. </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://af.birmiss.com/hoe-om-onsigbare-gids-sigbaar-en-omgekeerd-maak/">
<p>Hoe om onsigbare gids sigbaar en omgekeerd maak</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/skerm-wat-dit-is-en-hoe-om-te-skep/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/2f37445770610ea8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/2f37445770610ea8-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://af.birmiss.com/skerm-wat-dit-is-en-hoe-om-te-skep/">
<p>Skerm: wat dit is en hoe om te skep</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/hoe-om-die-rekenaar-naam-verander-in-windows-7-en-8/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/bf96e84a6fe30e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/bf96e84a6fe30e9d-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://af.birmiss.com/hoe-om-die-rekenaar-naam-verander-in-windows-7-en-8/">
<p>Hoe om die rekenaar naam verander in Windows 7 en 8</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</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://af.birmiss.com/hoekom-moet-ek-n-kolf-leer-moet/">
<p>Hoekom moet ek 'n kolf-lêer moet</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/gz-uitbreiding-wat-is-hierdie-leer-en-hoe-om-dit-te-maak/">
<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://af.birmiss.com/gz-uitbreiding-wat-is-hierdie-leer-en-hoe-om-dit-te-maak/">
<p>GZ-uitbreiding: Wat is hierdie lêer en hoe om dit te maak?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/hoe-om-die-afstand-tussen-die-lyne-in-die-woord-te-verminder-die-basiese-oplossing-vir-beginners/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/e2875c007e220ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/e2875c007e220ecd-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://af.birmiss.com/hoe-om-die-afstand-tussen-die-lyne-in-die-woord-te-verminder-die-basiese-oplossing-vir-beginners/">
<p>Hoe om die afstand tussen die lyne in "die Woord" te verminder: die basiese oplossing vir beginners</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</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://af.birmiss.com/restaurant-kalief-in-zhukovsky-basiese-inligting-spyskaarte-resensies/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8193ff987e840ed3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8193ff987e840ed3-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://af.birmiss.com/restaurant-kalief-in-zhukovsky-basiese-inligting-spyskaarte-resensies/">
<p>Restaurant "Kalief" in Zhukovsky: basiese inligting, spyskaarte, resensies</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Reis</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://af.birmiss.com/fietsry-toerisme/">
<p>Fietsry Toerisme</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Reis</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/alexey-nilov-biografie-films-persoonlike-lewe/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/f74b1a4d6faf0e97-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/f74b1a4d6faf0e97-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://af.birmiss.com/alexey-nilov-biografie-films-persoonlike-lewe/">
<p>Alexey Nilov - biografie, films, persoonlike lewe</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kuns en Vermaak</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://af.birmiss.com/spinale-chirurgie-hernia-om-te-wees-of-om-te-wees/">
<p>Spinale chirurgie hernia: om te wees of om te wees?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Gesondheid</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/skandinawiese-styl-in-klere-vir-kinders-vroue-en-mans/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/eaaeefdc7e190ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/eaaeefdc7e190ecd-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://af.birmiss.com/skandinawiese-styl-in-klere-vir-kinders-vroue-en-mans/">
<p>Skandinawiese styl in klere vir kinders, vroue en mans</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Mode</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/cassells-al-barsha-hotel-4-dubai-uae-die-beskrywing-van-die-kamers-dienste-fotos-en-resensies/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8c0d8bc37e4b0ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8c0d8bc37e4b0ed4-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://af.birmiss.com/cassells-al-barsha-hotel-4-dubai-uae-die-beskrywing-van-die-kamers-dienste-fotos-en-resensies/">
<p>Cassells Al Barsha Hotel 4 * (Dubai, UAE): die beskrywing van die kamers, dienste, foto's en resensies</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Reis</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">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.birmiss.com/spinale-kompressie-fraktuur/">
<p>Spinale kompressie fraktuur</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Gesondheid</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/die-vet-die-fiets-ketting/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/83b551426fc40e99-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/83b551426fc40e99-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://af.birmiss.com/die-vet-die-fiets-ketting/">
<p>Die vet die fiets ketting?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sport en Fitness</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/beteken-vir-die-skoonmaak-van-gestoffeerde-meubels-in-die-huis/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1aafbbb870730ea7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1aafbbb870730ea7-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://af.birmiss.com/beteken-vir-die-skoonmaak-van-gestoffeerde-meubels-in-die-huis/">
<p>Beteken vir die skoonmaak van gestoffeerde meubels in die huis</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Huis en Familie</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/infiniti-qx50-resensies-hersiening-toetsrit-tuning/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/5ba19bdc7e190ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/5ba19bdc7e190ed1-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://af.birmiss.com/infiniti-qx50-resensies-hersiening-toetsrit-tuning/">
<p>Infiniti QX50: resensies, hersiening, toetsrit, tuning</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Motors</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/lofant-gras-nuttige-eienskappe-voordele-en-harms/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/49e96e097dc70ec3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/49e96e097dc70ec3-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://af.birmiss.com/lofant-gras-nuttige-eienskappe-voordele-en-harms/">
<p>Lofant (gras): nuttige eienskappe, voordele en Harms</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Gesondheid</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.birmiss.com/hoe-om-op-te-hou-vloek-n-paar-stappe-om-die-kulturele-toespraak/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/bf04673070500ea9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/bf04673070500ea9-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://af.birmiss.com/hoe-om-op-te-hou-vloek-n-paar-stappe-om-die-kulturele-toespraak/">
<p>Hoe om op te hou vloek? 'N Paar stappe om die kulturele toespraak</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">News and Society</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 af.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.461 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 00:47:43 -->
<!-- 0.001 -->