Structura de foldere și elemente, tutorial html

În această parte a tutorial vă vom prezenta noilor termeni utilizați în descrierea folderului și-elemente HTML.

Notă: Dosarul este, de asemenea, de multe ori numit un director sau un director.

teren

Nu păstrați toate fișierele într-un singur dosar. Chiar și mici, site-uri web mult mai ușor de gestionat, dacă vom extinde documentele HTML. imagini și alte resurse în dosare diferite, creând astfel o anumită structură a locației diferitelor fișiere. Prin structurarea fișierele după cum doriți, puteți alege un sistem suficient de flexibil de organizare a fișierelor, dat fiind faptul că site-ul poate crește sistemul de fișiere în acest caz, va fi clar și ușor de înțeles. Structura (ierarhie) de directoare, în care sunt amplasate diverse fișiere, puteți fi, de obicei, văzută ca un copac. Luați în considerare ca un exemplu de următoarea imagine.

Structura de foldere și elemente, tutorial html

După cum puteți vedea, structura - este doar o diagramă care arată imbricarea un director la altul. În exemplul am folosit toate cele trei directoare, dar acest lucru va fi suficient pentru a descrie toate informațiile necesare. Adesea directoare descrise folosind termeni legături ereditare (familiale). Avem un dosar numit „Banane“, se află în interiorul directorul „Fructe“. Folder „Fructe“ - un director părinte „Banane“ și directorul „Banane“ - un copil (un director copil) directorul „Fructe“. Avem, de asemenea un alt dosar „Kiwi“, care este, de asemenea, un director copil „Fructe“.

Pentru a vă ajuta să vă amintiți mai bine, descrie termenii separat:

  • Director pentru copii - folderul pe care un arbore ierarhic are un director părinte.
  • directorul părinte - acesta este folderul care conține un alt dosar.
  • Există un astfel de lucru ca „root“ - este primar (principal), folderul în care sunt toate celelalte directoare și fișiere.

elementele

Elementele de structură pot fi prezente sub forma unei diagrame care arată imbricarea unui element în altul. Luați în considerare un exemplu simplu:

Diagrama arată elementele imbricate pot fi reprezentate după cum urmează:

Structura de foldere și elemente, tutorial html

  • Element copil - un element peste care un arbore ierarhic are un element părinte. Element copil, de asemenea, este numit copilul.
  • Sibling - este un alt copil al aceluiași element părinte la aceleași ramuri de nivel. Astfel de elemente sunt, de asemenea, numite sora. în exemplul de astfel de elemente sunt și . și <style> .</li> <li>Elementul rădăcină - elementul în ierarhia (<html> ), Toate celelalte elemente sunt descendenții săi.</li> <li>elementul părinte - un element care conține alte elemente. Uneori este denumit pur și simplu ca părinte.</li> <li>Acesta poate fi un descendent al unui element de copil în mod direct, dar de obicei este un nume comun pentru toate elementele care sunt încorporate în alte elemente, indiferent de cât de adânc în care sunt încorporate, de exemplu, <head>, <title>, <body>, <p> și <style> Acestea sunt elemente descendenti <html>.</li> </ul> <p>Pe acest subiect a se vedea:</p> </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/recenzii-de-bourjois-suflet-gel-deshabillez-moi.html">Recenzii de BOURJOIS suflet gel - deshabillez Moi! Gel de dus cu mirosul de data inițială</a></li> <li><a href="/articles/spray-pentru-par-uscat.html">Spray pentru păr uscat</a></li> <li><a href="/articles/decupaj-in-fotografie-baie-si-instructiuni-video.html">Decupaj în fotografie baie și instrucțiuni video, decorul și proiectarea baie</a></li> <li><a href="/articles/care-sunt-tendintele-actuale-in-organizarea-si.html">Care sunt tendințele actuale în organizarea și desfășurarea de nunti</a></li> <li><a href="/articles/parinti-arcasi.html">părinți arcasi</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/ca-mai-ieftin-pentru-a-obtine-de-la-moscova-la.html">Ca mai ieftin pentru a obține de la Moscova la Wroclaw</a></li> <li><a href="/articles/cum-am-devenit-un-nationalist-roman.html">Cum am devenit un naționalist român</a></li> <li><a href="/articles/ca-junghi-fragmin.html">Ca junghi Fragmin</a></li> <li><a href="/articles/se-cantareste-l.html">Se cântărește - l</a></li> <li><a href="/articles/structuri-de-comunicare-intercelulara-in-plante.html">Structuri de comunicare intercelulară în plante</a></li> <li><a href="/articles/caracteristicile-psiho-pedagogice-ale-adolescentei.html">Caracteristicile psiho-pedagogice ale adolescenței</a></li> </ul> <br> <a href="/privacy.html">Politica de confidențialitate</a> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2024</p> <br> <ul> <li><a href="/articles/adenocarcinomul-simptomele-de-cancer-de-san-cauze.html">Adenocarcinomul simptomele de cancer de san, cauze, tratament</a></li> <li><a href="/articles/anvelope-de-namol-de-pe-uaz-469-prototip-stealth.html">Anvelope de namol de pe UAZ-469 - prototip stealth - uazovoda</a></li> <li><a href="/articles/lapte-condensat-modul-de-a-alege-si-de-magazin.html">lapte condensat - modul de a alege și de magazin</a></li> <li><a href="/articles/lie-si-o-provocare-de.html">Lie și o provocare de</a></li> <li><a href="/articles/nu-stiu-cum-am-supravietuit-in-urss.html">Nu știu cum am supraviețuit în URSS</a></li> <li><a href="/articles/progresul-social-o-studopediya.html">Progresul social - o - studopediya</a></li> <li><a href="/articles/pene-iarba-iarba-de-prerie.html">Pene iarba - iarba de prerie</a></li> </ul> </div> </footer></div> </body> </html>