Sada ćemo vam pokazati kako stvoriti HTML datoteku, jer počinje s pripremom ove web stranice. Da bi se dobio takav dokument, možete koristiti uređivač teksta ili specijalizirane aplikacije. Da bi se postigao ispravan prikaz datoteke u pregledniku, to zahtijeva poštivanje određenih pravila u dizajnu koda.
definicija
Za odgovor na pitanje kako stvoriti HTML datoteku koja početi s definicijom. Takav materijal je običan tekstualni dokument, ali u njoj pomoću posebnih deskriptora može odrediti mjesto sadržaja predmeta na pojedinim stranicama ili objekata u prozoru preglednika. U isto vrijeme, možete vidjeti rezultat preko internetskog preglednika.
Kako urediti HTML-kod, možete koristiti za uređivanje teksta ili odabrati posebne programe s automatskim ulaska i sintakse. Imajte na umu da je primjer aplikacije koja je dobro prilagođen za učinkovito raditi s ovim dokumentima postao Sublime Tekst.
Tijekom korištenja uređivač koda, odaberite glavnom izborniku stavku „File” aplikacija, a zatim „Spremi kao ...”. Nadalje, u dijalogu koji je uslijedio, odredite mapu u kojoj je HTML datoteka je spremljena, kao i svoje ime i točnu proširenje. Dakle, format je lako zamijeniti.
Može li pretvaraju tekst dokumenta, pretvarajući ga u HTML-stranici jednostavnim dodavanjem kraj nastavkom .html. To treba imati na umu da postoji niz specifičnih situacija u kojima ni pravo stvorili datoteku koja ima ispravan format, preglednik neće otvoriti. Razlog tome može biti krivo dizajn HTML-koda strukture.
pravila
Postoji niz pravila, bez koje se ne prikaže puna provedba Internet stranici na pogrešan način ili ne otvoren na sve. Ako želite znati kako to stvoriti HTML datoteku s bez greške, koje bi trebalo imati nekoliko smjernica. Oznaka nije obavezno, ali je njegova prisutnost će pomoći preglednik pravilno interpretirati kod, kao i prepoznati strukturu određenog dokumenta.
U određenim situacijama izazvati pogrešan prikaz web stranica je nedostatak pogrešno napisanom riječi oznake. Parovi kod je deskriptor. To je sadržaj web-stranice u cijelosti. Elementi materijala koji se nalaze izvan oznaci prikazuju u tekstualnom pregledniku ili blokiran.
Osim akata . Ako govorimo o tome kako stvoriti HTML datoteku, važno je znati da se drška istog imena je potrebno za ovu vrstu materijala. U tom slučaju, takva oznaka ne može se koristiti za označavanje prava više od 1 puta na stranici. Uz pomoć posebnih simbola i navodi informacije o dokumentu.
Imajte na umu da između oznaka pomoću oznake
i </ title> bi trebao biti naveden naslov web stranice. S druge strane, kroz <link> može uključiti JavaScript datoteke i CSS. </p>
<p> Slično tome, u parametru <head>, vrsti dokumenta, kodiranja, stilova, dizajna verzije u različitim preglednicima, kao i niz drugih parametara. Iako je sadržaj taga preglednik ne vrati, deskriptor je potrebno. </p>
<h2> temelj </h2><p><amp-img src="https://images.birmiss.com/image/fbf6aa7970090e9e.jpg" alt="hTML datoteke" width="700" height="460" layout="intrinsic"></amp-img> <Body> tag je u suradnji s </ body> sadrži tijelo site - informacija koja se prikazuje na korisnikovom zaslonu. Možemo govoriti o naslovima, podnaslovima, stavaka i redaka teksta, slike, video ili druge multimedijalne objekte. Gdje je spomenuti potrebna ručica. </p>
<p> Unutra se mogu koristiti i drugi elementi: <footer>, <članak> ili <header>. Iako ne izravno utječu na prikazanu rezultat u pregledniku, međutim, stvoriti HTML strukturu, smatra se da je dobar oblik među web-programere i web dizajnere. </p>
<h2> Napomene o ruci </h2><p> <amp-img src="https://images.birmiss.com/image/7072baa66fe20e96.jpg" alt="kako stvoriti HTML datoteku u Notepadu" width="700" height="460" layout="intrinsic"></amp-img> Sada ćemo pogledati kako stvoriti HTML datoteku u „Notepad”. To je s razvojem HTML stranica u ovaj program je započeo trening položaj zgrade sve web programera. Također možete naučiti jednostavne znanost. Ispunite „Notepad” informacija treba se temeljiti na savjet koji je prethodno dao, to jest, naučiti značenje oznaka, staviti ih na pravim mjestima, ispuniti sadržajem. </p>
<p> Okrenite „Notepad” u HTML-stranici je vrlo lako za to, već smo opisali. Dakle, ako ste upoznati s osnovama procesa i mogu se složiti da stvaranje HTML datoteka nije jako teško. </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://hr.birmiss.com/otvorena-mpg-formata-najjednostavnije-rjesenje/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/e3ecc27d7e2c0ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/e3ecc27d7e2c0ed0-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://hr.birmiss.com/otvorena-mpg-formata-najjednostavnije-rjesenje/">
<p>Otvorena MPG formata: najjednostavnije rješenje</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/izvrsiti-izvrsnu-datoteku-sto-je-to-u-opcem-smislu/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/890a35de7e490ed3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/890a35de7e490ed3-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://hr.birmiss.com/izvrsiti-izvrsnu-datoteku-sto-je-to-u-opcem-smislu/">
<p>Izvršiti izvršnu datoteku. Što je to u općem smislu?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</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://hr.birmiss.com/rucno-brisanje-privremene-datoteke-preglednika/">
<p>Ručno brisanje privremene datoteke preglednika</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/emz-otvorite-slican-format/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/83b6a5867e1c0ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/83b6a5867e1c0ecd-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://hr.birmiss.com/emz-otvorite-slican-format/">
<p>EMZ: otvorite sličan format</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</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://hr.birmiss.com/kako-otvoriti-mdf-datoteku/">
<p>Kako otvoriti MDF datoteku?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/rezolucija-video-velicina-medija-vijeca/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1eaf140662430e70-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1eaf140662430e70-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://hr.birmiss.com/rezolucija-video-velicina-medija-vijeca/">
<p>Rezolucija video - Veličina, medija, vijeća</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</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://hr.birmiss.com/kako-biti-zanimljivo-sto-pitati-momak-olovke/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ec2e514c62470e6d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ec2e514c62470e6d-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://hr.birmiss.com/kako-biti-zanimljivo-sto-pitati-momak-olovke/">
<p>Kako biti zanimljivo: što pitati momak olovke</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Odnosi</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/stream-sto-je-to-cijela-istina-o-novom-obliku-komunikacije/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/de49d3d0707b0ea4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/de49d3d0707b0ea4-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://hr.birmiss.com/stream-sto-je-to-cijela-istina-o-novom-obliku-komunikacije/">
<p>Stream - što je to? Cijela istina o novom obliku komunikacije</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/izmjena-zemlje-na-razlicite-nacine-google-play/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/13d8d8e17df10ec7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/13d8d8e17df10ec7-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://hr.birmiss.com/izmjena-zemlje-na-razlicite-nacine-google-play/">
<p>Izmjena zemlje na različite načine Google Play</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/odaberite-nijanse-crvene-boje-kose/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ff035de9623c0e6d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ff035de9623c0e6d-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://hr.birmiss.com/odaberite-nijanse-crvene-boje-kose/">
<p>Odaberite nijanse crvene boje kose</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ljepota</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/obrasci-torbe-modeli-torbi-kako-sasiti-koznu-torbu/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8f9aeb357ee50ee2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8f9aeb357ee50ee2-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://hr.birmiss.com/obrasci-torbe-modeli-torbi-kako-sasiti-koznu-torbu/">
<p>Obrasci torbe. Modeli torbi. Kako sašiti kožnu torbu</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hobi</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/sto-ako-je-u-ljubavi-jedni-s-drugima/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/d268956c7e300ed3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/d268956c7e300ed3-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://hr.birmiss.com/sto-ako-je-u-ljubavi-jedni-s-drugima/">
<p>Što ako je u ljubavi jedni s drugima?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Odnosi</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://hr.birmiss.com/tinejdzerski-modni-ili-beauty-pubertet/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/4b5fcc00477e0e15-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/4b5fcc00477e0e15-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://hr.birmiss.com/tinejdzerski-modni-ili-beauty-pubertet/">
<p>Tinejdžerski modni ili beauty pubertet</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Moda</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/kruske-su-slabi-ili-fiksni-idemo-saznati/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/473a3b886fe60e98-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/473a3b886fe60e98-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://hr.birmiss.com/kruske-su-slabi-ili-fiksni-idemo-saznati/">
<p>Kruške su slabi ili fiksni? Idemo saznati</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zdravlje</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/kvasac-s-skrobom-recept-s-fotografijom/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/39519b7d7e730ee0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/39519b7d7e730ee0-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://hr.birmiss.com/kvasac-s-skrobom-recept-s-fotografijom/">
<p>Kvasac s škrobom: recept s fotografijom</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hrana i piće</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/kako-ukloniti-jaz-izmedju-zuba-dijaste/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/9d7c346c54800e38-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/9d7c346c54800e38-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://hr.birmiss.com/kako-ukloniti-jaz-izmedju-zuba-dijaste/">
<p>Kako ukloniti jaz između zuba (dijaste)?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zdravlje</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/kako-biljka-clematis-uzgoj-i-njega/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/4a7bf96d6fca0e99-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/4a7bf96d6fca0e99-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://hr.birmiss.com/kako-biljka-clematis-uzgoj-i-njega/">
<p>Kako biljka Clematis. Uzgoj i njega</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Jednostavnost</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/voronjez-rekreacijski-centar-njemacki-naselje-opis-karakteristike-mjesto-i-recenzije/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/5dbb0cf27e4d0ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/5dbb0cf27e4d0ed5-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://hr.birmiss.com/voronjez-rekreacijski-centar-njemacki-naselje-opis-karakteristike-mjesto-i-recenzije/">
<p>Voronjež, rekreacijski centar „Njemački naselje”: opis, karakteristike, mjesto i recenzije</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Putovanje</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 hr.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.218 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 03:56:40 -->
<!-- 0.001 -->