Структурата на папки и елементи, HTML урок
В тази част на урока ще ви запознаем с новите термини, използвани в описанието на папката и HTML-елементи.
Забележка: Папката е също често се нарича директория или директория.
място
Да не се държи всички файлове в една папка. Дори малки уеб сайтове много по-лесни за управление, ако разширяваме HTML документи. изображения и други ресурси в различни папки, като по този начин създават определена структура на местоположението на различни файлове. Чрез структуриране на файловете, както желаете, можете да изберете достатъчно гъвкава система за организиране на файлове, имайки предвид, че сайтът може да расте на файловата система в този случай ще бъде ясна и разбираема. Структура (йерархия) на директории, в които са разположени на различни файлове, обикновено можете да се разглежда като едно дърво. Помислете за пример на следващото изображение.
Както можете да видите, структурата - това е просто схема на разполагане на една директория в друга. В примера, който използва всичките три директории, но това ще бъде достатъчно, за да се опише цялата необходима информация. Често директории описан чрез думи за наследствени (семейни) връзки. В момента има една папка, наречена "банани", тя се намира в папката "Плодове". Папка "Плодове" - родител директория "банани" и директорията "банани" - едно дете (дете директория) папка "Плодове". Ние също имаме друга папка "Киви", който също е дете директория "Плодове".
За да ви помогне по-добре да се помни, описва условията отделно:
- Дете директория - папката, на която йерархична дърво има главна директория.
- Родител директория - това е папката, която съдържа друга папка.
- Има такова нещо като "корен" - е основният (основна) в папката, където са всички останали директории и файлове.
елементите
елементи структура могат също да присъстват под формата на диаграма, показваща разполагане на един елемент на друг. Помислете за един прост пример:
Диаграма, показваща вложени елементи могат да бъдат представени, както следва:
- Дете елемент - елемент, върху който йерархична дърво има главен елемент. Дете елемент също се нарича детето.
- Братя и сестри - е още едно дете от една и съща майка елемент в същите отрасли ниво. Тези елементи се наричат също сестра. в примера на такива елементи са и .
и <style> .</li> <li>Коренът елемент - горния елемент в йерархията (<html> ), Всички останали елементи са негови потомци.</li> <li>Майка елемент - елемент, който съдържа други елементи. Понякога това се нарича просто като родител.</li> <li>То може да бъде наследник на едно дете елемент директно, но обикновено това е общо име за всички елементи, които са вградени в други елементи, независимо от това колко дълбоко те са вградени, например <head>, <title>, <body>, <p> и <style> Те са потомци елемент <html>.</li> </ul> <p>На тази тема виж:</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/kak-da-si-kupite-dinodirect.html">Как да си купите dinodirect</a></li> <li><a href="/articles/horse-vmesto-bmv-zvezdi-a-ne-na-samsung.html">Horse - вместо БМВ, звезди, а не на Samsung</a></li> <li><a href="/articles/opredeljane-na-koeficient-na-linejno-razshirenie.html">Определяне на коефициент на линейно разширение на твърди частици</a></li> <li><a href="/articles/stazh-v-nauchno-izsledovatelskija-institut-po.html">Стаж в Научно-изследователския институт по антимикробна химиотерапия - 22ри Яну 2018 - Катедра по инфекциозни болести BSMU</a></li> <li><a href="/articles/sveti-detski-psiholog-kak-da-govori-s-zatvoreno.html">Съвети детски психолог как да говори с затворено дете</a></li> <li><a href="/articles/psihologija-na-grupa-mezhdugrupovi-otnoshenija.html">Психология на група междугрупови отношения граничи фаворизиране на чувството, че група</a></li> <li><a href="/articles/test-domateno-pjure-domateno-pjure.html">Тест доматено пюре (доматено пюре)</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/smislt-na-velik-zdny.html">Смисълът на "велик - zdny"</a></li> <li><a href="/articles/sambuka-chezare-imperator-kupuvat-sambuka-chezare.html">Самбука Чезаре император купуват Самбука Чезаре император цена</a></li> <li><a href="/articles/stojnost-ime-rasim-interpretacija-proizhod.html">Стойност Име Расим интерпретация, произход, съвместимост, характер и съдба</a></li> <li><a href="/articles/ultrazvukovo-pochistvane-na-liceto-sa.html">Ултразвуково почистване на лицето са противопоказания - хардуер козметология</a></li> <li><a href="/articles/multinsky-ezero-v-altaj-kak-da-stignem-do-tam-s.html">Multinsky езеро в Алтай - как да стигнем до там с кола</a></li> <li><a href="/articles/rejting-banketni-zali-oblast-tula-viktorija.html">Рейтинг банкетни зали област Тула, Виктория настоящото</a></li> <li><a href="/articles/kak-da-se-raztovarjat-ot-apartamenta-sled.html">Как да се разтоварят от апартамента, след погасяване на ипотека, mbfinance</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2024</p> <ul> <li><a href="/articles/moga-li-da-sdi-taksite-za-bankov-kredit-rusbase.html">Мога ли да съди таксите за банков кредит, rusbase</a></li> <li><a href="/articles/ford-ac-cobra-427-model-stroitelstvo.html">Ford AC Cobra 427 Модел Строителство</a></li> <li><a href="/articles/lake-prevod-na-anglijski-ezik.html">Lake превод на английски език</a></li> <li><a href="/articles/razkazhete-na-celija-svjat-kulturata-vecherni.html">Разкажете на целия свят! Културата - Вечерни Петербург</a></li> <li><a href="/articles/test-lechitel-giran-zhrecite-bandellos-preminavane.html">тест лечител Giran (жреците Bandellos) - преминаване на втори професия - онлайн MMORPG игра форум</a></li> <li><a href="/articles/marulja-polezni-svojstva-za-otslabvane-i-zdrave.html">Маруля, полезни свойства за отслабване и здраве</a></li> <li><a href="/articles/amonjak-bez-boja-za-kosa-wella-cveten-senzoren.html">Амоняк без боя за коса - Wella цветен сензорен плюс</a></li> </ul> </div> </footer></div> </body> </html>