A HTML-dokumentum két fő része a fej és a törzs. Minden szakasz konkrét információkat tartalmaz. A fejrész olyan információkat tartalmaz, amelyek hasznosak a webböngésző és a keresőmotorok számára, de nem láthatók az olvasó számára. A törzsrész tartalmazza azokat az információkat, amelyeket látni szeretne a látogatónak. A dokumentum kifejezetten úgy van formázva, hogy a webböngészők képesek legyenek elemezni az információkat, és helyesen bemutassák a látogatónak.
Egy HTML-dokumentum szerkezete
A HTML-dokumentumot megfelelően formázni kell ahhoz, hogy a webböngésző elolvashassa. A következő egy általános vázlat egy tipikus HTML-dokumentumról:
Információ webböngészőhöz és keresőmotorokhoz Az olvasó számára látható tartalom
Mind a A
és a címkéket a main tartalmazza címkét. Mindkét részt a „” karakterekkel kell lezárni, hogy a dokumentum olvasható legyen.
Fejtartalom
A dokumentum fejrésze tartalmazza a webhely címét, a keresőmotorok kulcsszavait, a szkripteket és az oldal formázásához használandó lépcsőzetes stíluslap helyét. A fejrészben használt tipikus HTML-címkék közé tartoznak a
, , <style> és <script> címkék.</P> <p>
A <title> címke határozza meg a dokumentum címét. A címke külső erőforrást, például CSS-fájlt kapcsol a dokumentumhoz. A <style> címke határozza meg a dokumentumstílusokat. A címke a szerző, a kulcsszavak és a dokumentum leírásának meghatározására szolgál. A <script> címke egy szkriptet határoz meg, amelyet a látogató számítógépén kell futtatni. Ha a fejrész nincs elhelyezve a dokumentumban, a böngésző továbbra is megjeleníti a dokumentum tartalmát.</P> <h2> Törzstartalom </h2> <p>
A törzsrész a tényleges weboldal formázására szolgál. A legtöbb HTML-címke, például a bekezdéscímke ( <p>
), a horgonycímke (), a címsorcímkék ( <h1> A <h6>) és a szakaszcímke () használatos a dokumentum ezen szakaszában. A kiszolgálóoldali szkriptek szintén a dokumentum ezen részében találhatók. Ha nincs törzsrésze a HTML-dokumentumban, akkor semmi sem jelenik meg a webböngészőben.</P> <h2> DOCTYPE </h2> <p>
Az egyetlen dolog, ami nem szerepel a között <html> címkék a DOCTYPE deklaráció. Ha használja, akkor ez legyen a HTML-dokumentum első sora. Arra használják, hogy közöljék a webböngészővel, hogy a dokumentum milyen HTML-verziót használ. A böngésző ezt a nyilatkozatot használja az oldal helyes megjelenítéséhez. A DOCTYPE deklaráció elhagyható, de előfordulhat, hogy a böngésző nem jeleníti meg megfelelően az oldalt.</P> <br>
</div>
<div class="ad_x2 ad6">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1642008271571820" crossorigin="anonymous"></script> <!-- elektronikus.ruodiantong --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1642008271571820" data-ad-slot="2669582323" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
</div>
<section id="turn-page" class="between wrap">
<div class="page up align box_s">
<i class="prev icon"></i>
<a class='LinkPrevArticle' href='https://elektronikus.ruodiantong.com/okosotthon/f1015157/1015133787.html' >Mi az előnye a táblázatnak a Word-dokumentumban?</a>
</div>
<div class="page down align box_s">
<a class='LinkNextArticle' href='https://elektronikus.ruodiantong.com/okosotthon/f1015157/1015133789.html' >Ledobtam a laptopomat, most nem működik a képernyőm</a>
<i class="next icon"></i>
</div>
</section>
<div class="xian"></div>
<section class="art_list between wrap">
<ul>
<li>
<a href="https://elektronikus.ruodiantong.com/okosotthon/f1015157/1015122889.html" class="start align">
<div class="text">
<strong class="row row-3">Melyek a televízió főbb részei?</strong>
</div>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/okosotthon/f1015157/1015126695.html" class="start align">
<div class="text">
<strong class="row row-3">Mik az e-mail cím különböző részei?</strong>
</div>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/personalaudio/k1015118/1015127835.html" class="start align">
<div class="text">
<strong class="row row-3">Melyek a rádió főbb részei?</strong>
</div>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/homeaudio/z101588/1015131277.html" class="start align">
<div class="text">
<strong class="row row-3">Milyen részei vannak a videokamerának?</strong>
</div>
</a>
</li>
</ul>
<ol>
<li>
<a href="https://elektronikus.ruodiantong.com/optika/u1015108/1015034556.html" class="start align textover">
<strong class="textover">Mik az előírásoknak a részei Telescope ? </strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/personalaudio/k1015118/1015037474.html" class="start align textover">
<strong class="textover">Melyek a főbb részei a rádió? </strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/x10151/r101528/1015059893.html" class="start align textover">
<strong class="textover">Mik a részei a videó kamera ? </strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/z10153/mobiltelefonok/1015069973.html" class="start align textover">
<strong class="textover">Milyen részei Inside a Cell Phone? </strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/z10153/mobiltelefonok/1015078613.html" class="start align textover">
<strong class="textover">Milyen részei a Cell Phone? </strong>
</a>
</li>
</ol>
</section>
</article>
<aside class="right hb">
<div class="art_r2">
<div class="rt">
<section class="align start">
<i class="icon"></i>
<strong class="textover">Okos élet</strong>
</section>
</div>
<div class="tlist p20">
<ol>
<li>
<a href="https://elektronikus.ruodiantong.com/homeaudio/x101595/1015088933.html" class="start">
<strong class="row row-2">Melyek a legfontosabb része a rádió? </strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/homeaudio/g101597/1015090027.html" class="start">
<strong class="row row-2">Milyen részei a hangszóró ? </strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/v101510/d1015132/1015100433.html" class="start">
<strong class="row row-2">Melyek a fő részei Television ? </strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/v101510/v1015138/1015103021.html" class="start">
<strong class="row row-2">Melyek a fő részei Television ? </strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/z10153/okostelefonok/1015117717.html" class="start">
<strong class="row row-2">Melyek a mobiltelefon főbb részei?</strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/okosotthon/f1015157/1015119078.html" class="start">
<strong class="row row-2">Melyek a számítógépes bűnözés fő összetevői?</strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/okosotthon/f1015157/1015121684.html" class="start">
<strong class="row row-2">Az MS Word képernyő részei</strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/okosotthon/f1015157/1015125867.html" class="start">
<strong class="row row-2">Milyen részei vannak a RAM-nak?</strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/okosotthon/f1015157/1015133788.html" class="start">
<strong class="row row-2">Mi a HTML-dokumentum két fő része?</strong>
</a>
</li>
<li>
<a href="https://elektronikus.ruodiantong.com/okosotthon/f1015157/1015133945.html" class="start">
<strong class="row row-2">Mi a Wordpad ablak 10 különböző része?</strong>
</a>
</li>
</ol>
</div>
</div>
</aside>
</section>
<footer class="align">
<section class="container">
<span>
Copyright ©
<a href="https://elektronikus.ruodiantong.com/">Elektronikai Technológia Online</a>
Minden jog fenntartva
</span>
<a href="/" class="floog ibox">
<img src="/css2/img/logo1.png" alt="">
</a>
</section>
</footer>
</body>
</html> 