Nu laten we u zien hoe u een HTML-bestand te maken, want het begint met de voorbereiding van deze website. Met het oog op een dergelijk document te verkrijgen, kunt u gebruik maken van een teksteditor of gespecialiseerde toepassingen. Om de juiste weergave van het bestand in de browser te bereiken, vereist de naleving van bepaalde regels in het ontwerp-code.
definitie
Op de vraag hoe je een HTML-bestand die beginnen met een definitie te maken te beantwoorden. Dergelijk materiaal is een gewoon tekstdocument, maar daarin met behulp van speciale beschrijvingen kan de locatie van de content items op de afzonderlijke pagina's of objecten van het browservenster te geven. Op hetzelfde moment, kunt u het resultaat via het internet browser.
Om de HTML-code te bewerken, kunt u een teksteditor gebruiken of kies de speciale programma's met automatische in- en syntax highlighting. Merk op dat een voorbeeld van een toepassing die goed geschikt is om effectief te werken met deze documenten werd Sublime tekst.
Tijdens het gebruik van de code-editor, selecteert u het hoofdmenu-item "File" applicatie, en dan "Opslaan als ...". Verder is in de daaropvolgende dialoogvenster geeft u de map waarin de HTML-bestand wordt opgeslagen, alsmede de naam en de exacte extensie. Zo is het formaat is eenvoudig te vervangen.
Kan de geconverteerde tekstdocument, draaien in een HTML-pagina door simpelweg het toevoegen van het einde van de extensie .html. Men mag niet vergeten dat er nog een aantal specifieke situaties waarin zelfs het recht een bestand dat de juiste formaat heeft gemaakt, wordt de browser gaat niet open. De reden hiervoor kan een verkeerd ontwerp van de HTML-code structuur.
reglement
Er zijn een aantal regels, zonder welke de volledige uitvoering van het internet pagina verkeerd of helemaal niet altijd open wordt weergegeven. Als je wilt weten hoe je een HTML-bestand zonder fouten te maken, moet je een paar richtlijnen te houden. Tag is optioneel, maar zijn aanwezigheid zal helpen de browser de code correct te interpreteren, maar ook om de structuur van een bepaald document te herkennen.
In bepaalde situaties veroorzaken onjuiste weergave van webpagina's is het ontbreken van een spelfout van de tag. Doubles code is een descriptor. Het is een content web-pagina in zijn geheel. De elementen van het materiaal dat zich buiten het label worden in platte tekst browser of geblokkeerd.
Behalve acts . Als we praten over hoe je een HTML-bestand te maken, is het belangrijk om te weten dat het handvat van de zelfde naam is een must voor dit soort materiaal. In dit geval kan een dergelijke benaming niet worden gebruikt om de rechten van meer dan 1 keer taggen op de pagina. Met behulp van speciale symbolen en specificeert de informatie op het document.
Merk op dat tussen de labels met behulp van de tags
en </ title> moet worden gespecificeerd webpagina titel. Op zijn beurt, door middel van de <link> kan onder de JavaScript-bestanden en CSS. </p>
<p> Ook binnen de parameter <head>, het documenttype, codering, stijlen, ontwerp versies in verschillende browsers, evenals een aantal andere parameters. Hoewel de inhoud van het label en de browser niet wordt teruggegeven, wordt de descriptor vereist. </p>
<h2> stichting </h2><p><amp-img src="https://images.birmiss.com/image/fbf6aa7970090e9e.jpg" alt="html-bestand" width="700" height="460" layout="intrinsic"></amp-img> <Body> tag in combinatie met de </ body> bevat het lichaam van de site - informatie die op het scherm van de gebruiker wordt weergegeven. We kunnen praten over titels, ondertitels, alinea's en regels tekst, afbeeldingen, video of andere multimedia-objecten. Waarbij het handvat is vereist. </p>
<p> Inside, kunnen andere elementen worden gebruikt: <footer>, <article> en <header>. Hoewel ze het getoonde resultaat niet direct invloed hebben in de browser, echter, maakt u de HTML-structuur, wordt het beschouwd als een goede vorm van de web-ontwikkelaars en web designers. </p>
<h2> Toelichting bij de hand </h2><p> <amp-img src="https://images.birmiss.com/image/7072baa66fe20e96.jpg" alt="hoe je een HTML-bestand in Kladblok" width="700" height="460" layout="intrinsic"></amp-img> Nu gaan we kijken hoe je een HTML-bestand in de "Notepad" te creëren. Het is met de ontwikkeling van de HTML-pagina's in deze toepassing begon te trainen website gebouw alle web programmeurs. U kunt ook leren een eenvoudige wetenschap. Vul de "Notepad" van de informatie moet worden op basis van de adviezen die eerder had gegeven, dat wil zeggen, leren de betekenis van de labels, leg ze op de juiste plaatsen, in de inhoud in te vullen. </p>
<p> Draai de "Notepad" in de HTML-pagina is heel gemakkelijk om dit te doen, hebben we al beschreven. Dus, u bekend bent met de basisprincipes van het proces en kan het erover eens dat een HTML-bestand is niet erg moeilijk. </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://birmiss.com/php-bestand-uploaden-naar-de-server/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/41cc58067dc30ec3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/41cc58067dc30ec3-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://birmiss.com/php-bestand-uploaden-naar-de-server/">
<p>PHP: bestand uploaden naar de server</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/firmware-tabletten-stap-voor-stap-instructies-hoe-om-te-upgraden/">
<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://birmiss.com/firmware-tabletten-stap-voor-stap-instructies-hoe-om-te-upgraden/">
<p>Firmware tabletten: stap voor stap instructies. Hoe om te upgraden?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</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://birmiss.com/handmatig-verwijderen-tijdelijke-browserbestanden/">
<p>Handmatig verwijderen tijdelijke browserbestanden</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/werkwijze-gegevenscompressie-in-omvang-te-beperken/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/0d3f8bff6fa50e92-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/0d3f8bff6fa50e92-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://birmiss.com/werkwijze-gegevenscompressie-in-omvang-te-beperken/">
<p>Werkwijze gegevenscompressie in omvang te beperken</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/wat-te-doen-als-je-geen-pdf-file-te-openen/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/d53b516a70550ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/d53b516a70550ea5-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://birmiss.com/wat-te-doen-als-je-geen-pdf-file-te-openen/">
<p>Wat te doen als je geen PDF (file) te openen?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/meet-bin-bestand/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/561048ab54110e30-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/561048ab54110e30-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://birmiss.com/meet-bin-bestand/">
<p>Meet, bin-bestand</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</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://birmiss.com/lamborghini-lm002-een-supercar-voor-de-infanterie/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/b00627f861b60e61-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/b00627f861b60e61-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://birmiss.com/lamborghini-lm002-een-supercar-voor-de-infanterie/">
<p>Lamborghini LM002 - een supercar voor de infanterie</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Cars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/buisklemmen-wat-is-het/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/72a9a7f261b10e60-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/72a9a7f261b10e60-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://birmiss.com/buisklemmen-wat-is-het/">
<p>Buisklemmen: wat is het?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Huislijkheid</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://birmiss.com/een-laptop-aansluiten-op-een-tv-een-klein-detail-op-een-groot-scherm/">
<p>Een laptop aansluiten op een TV - een klein detail op een groot scherm</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</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://birmiss.com/kaviaar-squash-calorie/">
<p>Kaviaar squash: calorie</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Gezondheid</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://birmiss.com/onvervulde-verlangens/">
<p>Onvervulde verlangens</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zelfontwikkeling</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/parfum-vrouwelijke-guerlain-een-beschrijving-van-de-smaak-samenstelling-en-reviews/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/4b91a26b7e130ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/4b91a26b7e130ed0-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://birmiss.com/parfum-vrouwelijke-guerlain-een-beschrijving-van-de-smaak-samenstelling-en-reviews/">
<p>Parfum vrouwelijke "Guerlain": een beschrijving van de smaak samenstelling en reviews</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Mode</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://birmiss.com/manatee-goedmoedig-zeekoe/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/125cada561970e62-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/125cada561970e62-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://birmiss.com/manatee-goedmoedig-zeekoe/">
<p>Manatee - goedmoedig zeekoe</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Nieuws en Maatschappij</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/monetaire-regulering-van-de-economie/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/e02368dc7e060ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/e02368dc7e060ed1-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://birmiss.com/monetaire-regulering-van-de-economie/">
<p>Monetaire regulering van de economie</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Nieuws en Maatschappij</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/kameroense-geit-kenmerken-en-zorg/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/50e198907dff0ec8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/50e198907dff0ec8-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://birmiss.com/kameroense-geit-kenmerken-en-zorg/">
<p>Kameroense geit: kenmerken en zorg</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Bedrijf</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/naaimachine-veritas-beschrijving-user-ratings-en-reviews/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/45d927847eb00ed7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/45d927847eb00ed7-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://birmiss.com/naaimachine-veritas-beschrijving-user-ratings-en-reviews/">
<p>Naaimachine "Veritas": beschrijving, user ratings en reviews</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Huislijkheid</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/het-verhaal-over-een-kat-waarom-katten-9-levens-is-het-waar-dat-een-kat-mensen-te-behandelen-een-grappig-verhaal/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8e716f467e690ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8e716f467e690ed1-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://birmiss.com/het-verhaal-over-een-kat-waarom-katten-9-levens-is-het-waar-dat-een-kat-mensen-te-behandelen-een-grappig-verhaal/">
<p>Het verhaal over een kat. Waarom katten 9 levens? Is het waar dat een kat mensen te behandelen? een grappig verhaal</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Thuis en Familie</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://birmiss.com/hoe-maak-je-een-zelfgemaakte-noodles-voor-soep-bereiden-recepten-voor-deeg/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/5aae30346ffb0e9a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/5aae30346ffb0e9a-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://birmiss.com/hoe-maak-je-een-zelfgemaakte-noodles-voor-soep-bereiden-recepten-voor-deeg/">
<p>Hoe maak je een zelfgemaakte noodles voor soep bereiden? Recepten voor deeg</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Voedsel en dranken</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 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.944 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 00:41:17 -->
<!-- 0.002 -->