HTML alapjai kezdőknek
HTML - a nyelv jelölő dokumentumokat. A helyes kiejtés - HSBC Chi Um El.
HTML - ez egy jelölőnyelv dokumentum a böngésző. Word'om itt a böngésző és a dokumentum - HTML oldalt. Ez a HTML-alapú megértését, amely szükséges ahhoz, hogy ne keverjék össze a Web jelölőnyelv dokumentumok egy programozási nyelv. A név magáért beszél - mi használ HTML árrést. ami látható lesz az oldalelemek, kép, vagy szöveg és milyen sorrendben fogják követni egymást.
Igen, van egy egyszerű, a szöveg formázását, és az irodai alkalmazások már semmi közös programozással. De figyelmes olvasó észre fogja venni egy fontos részlet - egy szövegszerkesztő beírjuk, szerkesztés és formátum szöveget és képeket révén vizuális és menü gombok, de miért HTML kód van írva kézzel? Miért tanulni annyira technikai részleteket az írás a jelölést a dokumentum?
Tehát, HTML, írunk csak tollak. Megfelelő eszközök vizuális szerkesztési HTML nem jön ki, és nem valószínű, hogy megjelenik. HTML jelölőnyelv könnyű megtanulni és megérteni, és írni a HTML kódot az automatizálás sokat jelent, de ez más tanulságokat.
A szerkezet egy HTML dokumentum
Úgy döntöttünk, hogy a HTML-dokumentum lesz kézzel írt, vagyis hogy elő. HTML kódolás - létrehozásának folyamatát egy HTML dokumentum. A köznép és tájékozott körök - csak smink. Minden dokumentum szerkezete és egyes építési szabályokat. Mik az elemei a kód, mely struktúra HTML?
Felhívjuk figyelmét, hogy a HTML dokumentumok kiterjesztése .html.
Tehát, ebben a sorrendben egy példát.
- dokumentum típusa (doctype)
Ez a konstrukció mindig meghatározott elején a dokumentumot a helyes „megértés” a böngésző melyik verziója HTML használják az építőiparban a dokumentumot.
Mivel a HTML folyamatosan fejlődik, van több változata, valamint bármely szoftver terméket. A jelenlegi verzió HTML - az ötödik és példaként doctype releváns.
Elvileg a mélyebben a tanulmány fajta dokumentum nincs semmi értelme, mert a megjelenése HTML5, ez a kialakítás vált a szabvány. Csak helyezze be a dokumentum elejére minden alkalommal, amikor elkezdi, hogy döntsön a webhely elrendezését.
- a dokumentum elejére
Az első tag, hogy találkozunk, miután a doctype, akkor .
HTML tag - szerkezeti egységet HTML-kód dokumentumot. HTML kód alkotja építőelemek, amelyek úgynevezett címkéket. Minden tag saját funkciója és HTML nyelvtanulás, a végén, abban rejlik, hogy a tanulmány a címkék és azok tulajdonságait a dokumentumban.
Meg kell jegyezni, hogy a tanulás HTML nem olyan bonyolult feladat, mint amilyennek látszik első pillantásra. Tanuld meg használni a jelölő dokumentum címkék - nem olyan nagy terhelést az agyban.
Így a dokumentum kezdődik jelölő címke és végül a záró tag . Minden tag, amely egyéb tag vagy elem kell zárni zárás. Például, , , , és t. d.
címke Ez azért szükséges, mert tartalmazza az összes dokumentum szerkezetét és a wrapper a többi elem.
címke
Ezután látjuk a címkét
. amely más elemek nem világos számunkra. Ez tartalmaz más elemeket - ami azt jelenti, hogy az elemek vagy címkék között helyezkedik el a nyitó és záró tag szerkezete:
címke
tárolására tervezett metainformációnak egy HTML dokumentum, amely információkat, amelyek nem jelennek meg a dokumentumban, de ez egy fontos és nagyban meghatározza a dokumentum hogyan fog kinézni, és hogyan kell viselkedni.
Ez a tag köteles a dokumentumban.
címke - dokumentum címe</h4>
<p>header <title> címke kötelező. tartalmazó szöveges meta-információt, amely megjelenik a böngésző cím vagy fülek. címke <title> Meg kell lennie a tag <head>. Továbbá, a tartalmát a tag által használt keresőmotorok hogy megjelenjen a dokumentum a keresési eredmények között.</p>
<h4>meta címke <meta charset="UTF-8"></h4>
<p>Meta tag, amely információkat tartalmaz a karakterkódolást a dokumentumot. Nagyon kívánatos, hogy adja meg a címke minden új dokumentum megjelenítéséhez megfelelő. Ennek hiányában a tag vezethet az a tény, hogy ahelyett, hogy a szó az oldalon jelenik meg az ismeretlen karaktert, és a szöveg nem lesz olvasható és chelovekoponyatnym.</p>
<p>Meta - speciális címke, célja, hogy a strukturált adatok az oldalon. Meta Tags leggyakrabban használt kulcsszó <head>. Meta tagek nem szükséges a szerkezet egy HTML dokumentum.</p>
<p>Azt javasoljuk, hogy minden HTML dokumentumban eredetileg UTF-8 kódolást. mint a fenti példában.</p>
<h4>Favicon (favicon)</h4>
<p>Csatlakozzunk a dokumentum képfájlt a favicon. Favicon (favicon) - egy miniatűr ikon mellett megjelenő dokumentum nevét a böngésző fülön. Favicon - egy grafikus fájl mérete 16 x 16 (vagy 32 x 32) pixel, ami lehet, hogy a különböző formátumokat, mint a png, jpg, ico, gif. Hagyományosan használt ico formátumban. Animált favicons - ez gif fájlokat tartalmazó animáció. Nézze meg a animált favicon lehetséges például, VKontakte, ha új üzenet érkezik.</p>
<h4>CSS stílusok dokumentum</h4>
<p>Csatlakozás a dokumentumot CSS fájlt a stílus a HTML.</p>
<p>CSS - Cascading stílusok HTML dokumentum. Minden tag, amely a címke <body>, van egy sor tulajdonságot, mint például - a szín, szélesség, magasság, viszonyított helyzete más elemeket. Mindezek a tulajdonságok és a CSS stílusokat, hogy lehet venni egy külső fájlt. tervezés <link> köti össze a külső fájlokat a dokumentum HTML, beleértve a CSS stílusokat.</p>
<p>Megjegyzés: href ingatlan építési <link> meghatározza a helyét egy külső fájlt. Példánkban a fájlt style.css és favicon.ico. Ezek ugyanabban a könyvtárban, mint az index.html fájlt. <link> Nem kell egy záró tag.</p>
<h4>címke <script></h4>
<p>Példánkban egy külsõ script.js fájlt. amely ugyanabban a mappában, mint a fő index.html fájlt.</p>
<p>Tehát, barátok, megbeszéltük az alapvető elemek, amelyek a tag <head> gyakrabban. Amellett, hogy ezeket az elemeket, a <head> Számos más, konkrétabb és nem kötelező.</p>
<p>A záró tag <head> és a lépéssel tovább.</p>
<h4>Body aka test</h4>
<p>Itt kezdődik a legérdekesebb és vizuálisan érzékelhető a HTML dokumentum.</p>
<hr>
</div>
<div class="extra">
<div class="clear"></div>
</div>
</article>
</div>
</div>
</div>
</div>
<div id="sidebar" class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="content">
<ul>
<li><a href="/articles/mint-onallo-kiegyenesedik-a-csigolyak.html">Mint önálló kiegyenesedik a csigolyák</a></li>
<li><a href="/articles/marija-serifovic-ima-magyar-mlnusz-1-tone.html">Marija Serifovic Ima magyar mínusz 1 tone alacsonyabb - Marija Serifovic Ima dal orosz</a></li>
<li><a href="/articles/lrj-egy-nyilatkozatot-hogy-az-orokseg-hogy-ezt-es.html">Írj egy nyilatkozatot, hogy az örökség, hogy ezt és hol kell alkalmazni</a></li>
<li><a href="/articles/ki-a-tokeletes-ugynok-es-hogyan-kell-kivalasztani.html">Ki a tökéletes ügynök, és hogyan kell kiválasztani a megfelelő</a></li>
<li><a href="/articles/erdekes-beszedtema.html">Érdekes beszédtéma</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap-footer kidrfgnb">
<div class="row">
<div class="col-full">
<div class="wrap-col">
<div class="box">
<div class="content">
<ul>
<li><a href="/articles/hogyan-kell-kitolteni-egy-kalap-marketing-profilt.html">Hogyan kell kitölteni egy kalap marketing profilt Instagram</a></li>
<li><a href="/articles/mi-altalanosltani.html">Mi általánosítani</a></li>
<li><a href="/articles/coral-szlnu-ruhak.html">Coral színű ruhák</a></li>
<li><a href="/articles/novekvo-uborka-egy-hordo-a-elonyeirol-es.html">Növekvő uborka egy hordó a előnyeiről és hátrányairól</a></li>
<li><a href="/articles/hatfajas-feladja-okok-kezeles-megelozes.html">Hátfájás feladja okok, kezelés, megelőzés</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>© Copyright 2026 | Minden jog fenntartva</p>
</div>
</footer>
</div>
<style>
#cookieNoticeOverlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px}#cookieNoticeBox{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:Arial,sans-serif;text-align:center}#cookieNoticeBox h2{margin:0 0 14px;font-size:24px;line-height:1.25;color:#111}#cookieNoticeBox p{margin:0 0 22px;font-size:16px;line-height:1.5;color:#333}#cookieNoticeOk{display:inline-block;width:100%;max-width:240px;border-radius:12px;padding:14px 22px;background:#111;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-sizing:border-box;cursor:pointer}#cookieNoticeOk:hover{background:#333}body.cookie-notice-locked{overflow:hidden}
</style>
<div id="cookieNoticeOverlay">
<div id="cookieNoticeBox" role="dialog" aria-modal="true">
<h2>Cookie-k az oldalon</h2>
<p>Cookie-kat használunk a webhely megfelelő működéséhez és a szolgáltatás javításához.</p>
</div>
</div>
<script>
(function(){var storageKey='cookie_notice_ok_until';var showAgainAfter=24*60*60*1000;var now=Date.now();function getAcceptedUntil(){try{return Number(localStorage.getItem(storageKey))||0}catch(e){return 0}}
function setAcceptedUntil(value){try{localStorage.setItem(storageKey,String(value))}catch(e){}}
if(getAcceptedUntil()>now){return}
var overlay=document.getElementById('cookieNoticeOverlay');var okLink=document.getElementById('cookieNoticeOk');if(!overlay||!okLink){return}
function showNotice(){overlay.style.display='flex';document.body.classList.add('cookie-notice-locked')}
function closeNotice(){overlay.style.display='none';document.body.classList.remove('cookie-notice-locked')}
okLink.addEventListener('click',function(event){event.preventDefault();setAcceptedUntil(Date.now()+showAgainAfter);var rawHref=(okLink.getAttribute('href')||'').trim();if(rawHref==='#'||rawHref===''){closeNotice();return}
var targetUrl=new URL(rawHref,window.location.origin).href;window.open(targetUrl,'_blank','noopener,noreferrer');closeNotice()});overlay.addEventListener('click',function(event){event.stopPropagation()});document.addEventListener('keydown',function(event){if(overlay.style.display==='flex'&&event.key==='Escape'){event.preventDefault();event.stopPropagation()}},!0);showNotice()})()
</script></body>
</html>