Nyelv és alapvető html tag
Szia, kedves olvasók a blog. Ebben a cikkben fogjuk kezdeni tanulni az alapokat a HTML.
Valószínűleg már tudja, hogy a fő nyelv az Internet-egy Hypertext Markup Language HTML (Hypertext Markup Language). Ebben a cikkben fogjuk megtanulni az alapvető fogalmak HTML és megtanulják, hogyan kell egyszerű WEB-oldalakat.
HTML nyelv és címkék
Ismerje meg, hogyan hozhat létre professzionális weboldalak a HTML5 és CSS3
Egy példa a web-oldalAz oldal autókról szól.
Üdvözöljük autó helyszínen. Itt találsz egy csomó érdekes és hasznos cikkeket járművek. Az oldalon van leírások, sok import és a hazai járművek.
Ezután menteni a web-oldal nevű fájlt index.html. Ebben az esetben, mentse a fájlt, akkor meg kell adnia az UTF-8 kódolást párbeszédablak, és csatolja a fájl nevét idézőjelbe, mert a Notepad hozzá a fájl kiterjesztését txt, és a fájl lesz index.htm.txt neve:
Most meg kell nyitni egy fájlt a böngésző és nézze meg az eredményt. Használhatja a mellékelt Windows-böngésző a Microsoft Internet Explorer, vagy bármely más, a számítógépre telepített böngésző duplán kattintva az egérrel a index.html fájlt, vagy húzza a fájlt a böngésző ikon. Mi nyitott és ehhez hasonlót eredmény:
Így hoztunk létre egy web-oldal a Jegyzettömb, bár egy kicsit jellegtelen, de miután egy nagy headline és szövegbekezdést hogy automatikusan törik vonalak, és tartalmaz egy töredék félkövér.
Mi az a címke?
Ismerje meg, hogyan hozhat létre professzionális weboldalak a HTML5 és CSS3
Tag HTML - ez gyakori szavakat és karaktereket, hegyes zárójelek közé, mint például a zárás, és a szöveg között az úgynevezett tartalmát a tag. Tag is nevezik páros címkék. Induláskor tag plusz tartalmát, plusz a záró címke elem html formátumú dokumentumot. Vannak még elemei álló egyetlen nyitó címke:
Tehát tag pár
elem meghatároz egy első réteg fejrészét. Jelenleg összesen hat szintjét fejezetek, az elemek - .
Az elemek blokk szintű és az alsó (szöveg). Blokk elemek hajtjuk strukturális oldalformázást. Blokk szintű elemek mindig megjelenik az oldalon egy új vonalat és behúzva a szomszédos elemekkel. A kisbetűs elemeket végre közvetlen formázás vagy logikai formázás a szöveget. elem
egy blokk elem.
Ezután jön a tag pár
. amely létrehoz egy bekezdést HTML-oldal. Az üzenet tartalma a címke szövege lesz ezt a bekezdést. elem
továbbá egy blokk elem, és ahogy mi látjuk egy új vonalat és a fejléc
és bekezdés behúzás ott.
Belül egy paragrafus találkozik egy férfival . amely megjeleníti annak tartalmát merész. A címke betenni a tartalom címke . Ez azt jelenti, hogy a címke tartalmát Ez fog megjelenni részeként egy bekezdés. Ezek egymásba nevezett címkékkel gyermek. valamint a címkék beágyazott más címkékkel, amelyek úgynevezett szülő. Így a címke Ez egy leányvállalata, és a címke - szülő. Ez fészkelő a címkék találhatók a HTML minden alkalommal.
Ha csatolja a kulcsszó követnie kell egy szabály, a sorrendben a záró tagek kell fordított sorrendben következő nyitó címke. Ie címkék és azok tartalmát teljes mértékben fel kell befektetni más címkéket. Ha megszegik ezt a szabályt, akkor a WEB-oldal jelenhet meg rossz.
By the way, az elem kisbetűs tagja. És mivel nem látunk sortörés vagy bemélyedés megjelenítésekor ez az elem nem hajtjuk végre. És ez nagyon fontos megemlíteni, a szabályok szerint a nyelv html inline elemek nem helyezhetők el a címkéket.
Lehet, hogy észrevette, hogy a nyitó címke
de a név még mindig tartalmaz némi szöveget: align = „center”. Ez attribútum. amely meghatározza a paramétereit. Minden attribútum rendelkezik névvel, majd a = jel, majd annak értéke idézőjelbe:
A mi konkrét esetben igazítsa a tag attribútum
igazítja a szöveget. Mivel az érték a központ jelzi a böngésző, hogy a tartalom címke Meg kell igazítani a központban.
Az attribútumok kötelező vagy választható. Kötelező attribútumok tartalmaznia kell a címke kötelező. Az opcionális attribútumokat lehet hagyni, ha az alapértelmezett.
A szerkezet a WEB - lapok. Alap html tag.
Ismerje meg, hogyan hozhat létre professzionális weboldalak a HTML5 és CSS3
Ahhoz, hogy helyesen megjeleníteni az oldalt a böngészőben, egy html-kódot, biztos, hogy a következő pár címkék: ,
és .
Először a HTML-kódot kell csatolni a címkék és . Azt mondják, a böngésző, hogy az oldal tartalmaz html-kódot.
Ezen túlmenően, a kód oldalakon kell lennie szakaszfejléc és a test a dokumentumot. Fejléc szakaszban, vagy is nevezik egy sapkát, egy címke pár
és annak tartalmát. Ebben a részben a tájékoztatást, hogy az oldal paramétereit, amelyek nem jelennek meg a képernyőn, és csak a kívánt böngészőt. Példánkban a fejlécben:
Egy példa a web-oldal
A dokumentum törzse szabadul címkék használatával
és . Ez viszont a teljes tartalmát az oldal, akkor jelenik meg a böngészőben.
Összefoglalva, minden html-oldalon a következők:
. információ alapján.
. tartalmát a WEB-oldal.
Metaadatok html oldal
Szolgáltatási információt, amely található az oldal fejléc és meghatározza annak paramétereit, az úgynevezett metaadatokat. HTML-címkék, amelyek meghatározzák a metaadatok, az úgynevezett metatags. A mi kis oldalon a következő sornyi kódot metaadatok:
Először is, ez a címke
, amely meghatározza a nevét a WEB-oldal. Ez a név jelenik meg a címsorban WEB-böngésző. Továbbá tartalom címke <title> által használt keresőmotorok, hogy egy hivatkozás a dokumentumot a keresési eredmények kulcsszavak. Így próbálja feltenni érdekes kiemelt kulcsszavakat tartalmazó minél több látogatót.</p>
<p>a következő meta tag <meta> Azt mondja a böngésző kódoló a dokumentumnak. Ebben az esetben, felállítottuk a web-oldal utf-8 kódolást. Kódolási információt adtunk a böngésző használatával tartalom címkejellemzőn <meta>. Fontos, hogy a kódolást, hogy a böngésző helyesen jeleníti meg a tartalmát, a honlapon. Ha azt észleli, a címke <meta> Nem kell egy záró tag. Ez az úgynevezett egyetlen tag vagy elem, mely egyetlen nyitó címke. Általában a címke <meta> Beállíthatjuk több paramétert számára egyaránt fontos a böngésző és a keresők.</p>
<h2>Adjon meg egy HTML dokumentum (doctype)</h2>
<p>Továbbra is úgy az egyik első tag WEB-oldal, amely található az elején egy html-kód: <!doctype html>. Ez a címke megadja a HTML változata a nyelvet, amelyen az írott oldalt, és annak változata. Meg kell érteni a böngésző szerint mi szabvány megjeleníteni a weblapot. meta címke <doctype> Van többféle. és különböznek attól függően, hogy a változat a nyelvet, amelyen íródott html-kódot. Tehát, a tag <!doctype html> Ez jelzi a nyelvi változata HTML5.</p>
<p>Tehát összefoglalva:</p>
<p>2. HTML - a nyelvet. amely létrehozásához használt web-oldalakat. HTML - rövidítése Hypertext Markup Language (Hypertext Markup Language).</p>
<p>3. WEB-oldalak alkotják html-címkék és azok tartalmát. Címkék karakterekből állnak <,> és elemzi bennük. Címkeneveket felírható tőke (nagy) és a kisbetűs (kicsi) betűkkel. karakterek között <,>, / Nevek és a címkéket, valamint a tag nevét nem engedélyezettek üres és sortöréseket. Címkék párosítjuk és egységes. és címkék ágyazhatók egymásba.</p>
<p>4. A nyitó tag + + tartalom záró címke űrlapelem. Vannak elemek, amelyek egy nyitó címke. A HTML-ben vannak blokk szintű elemek és a kisbetűs. Blokk elemek mindig megjelenik egy új sor, és behúzva a felső és alsó szomszédos elemekkel. A kisbetűs elemeket végre egy logikus formázás szöveget.</p>
<p>5. Nyissa HTML-címkék tartalmazhatnak attribútumokat. amelyek között vannak elhelyezve a tag nevét és a szimbólum> és szóközzel elválasztva a nevét a címkét. Ha a címke attribútumok száma, ezek egy szóközzel elválasztva. Attribútumokat kötelező vagy választható.</p>
<p>6. Bármely weboldal tartalmaznia kell két részből áll: egy szakasz címet <head> és a test rész <body>. Ezek a szakaszok belül kell lennie a tag <html>. Ezek az alapvető címkék html, ami nélkül nem költség, senki html oldalt.</p>
<p>7. elején HTML-kód menni meta tag <doctype>. meghatározva a nyelvet.</p>
<p>Ezzel befejeződött ismeri a HTML alapjait. Ahhoz, hogy megtanulják, hogyan kell használni a HTML nyelvet, a gyakorlatban is meg kell vizsgálni az adott tag, azok jellemzőit és tulajdonságait. Ahhoz, hogy hozzon létre egy egyszerű weboldal a következő kérdéseket kell megvizsgálni:</p>
<p>Ezen én mindent. Találkozunk a következő hozzászólásokat!</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/ujszulottkori-agyi-ultrahang.html">újszülöttkori agyi ultrahang</a></li>
<li><a href="/articles/hogyan-lehet-megszabadulni-a-cukornad-vegyszerek.html">Hogyan lehet megszabadulni a cukornád vegyszerek és népi orvosság - az életem</a></li>
<li><a href="/articles/osszefoglalo-a-temaban-a-kollektlv-makarenko.html">Összefoglaló a témában a kollektív Makarenko</a></li>
<li><a href="/articles/mi-az-a-proxy-az-atlagos-felhasznalo-egyszeru.html">Mi az a proxy az átlagos felhasználó egyszerű válaszokat bonyolult kérdésekre</a></li>
<li><a href="/articles/kemence-az-ust-a-cso-kezevel-foto-gyartas-es-video.html">Kemence az üst a cső kezével fotó gyártás és videó használati</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/mi-eplteni-furdo.html">Mi építeni fürdő</a></li>
<li><a href="/articles/tlpus-biologia-wikipedia.html">Típus (biológia) wikipedia</a></li>
<li><a href="/articles/hogyan-lehet-csokkenteni-a-meh-szules-utan.html">Hogyan lehet csökkenteni a méh szülés után</a></li>
<li><a href="/articles/az-ero-alkalmazasa-a.html">Az erő alkalmazása - a</a></li>
<li><a href="/articles/muszaki-szintezo-studopediya.html">Műszaki szintező - studopediya</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>
