дома › Образование › Beans html модули php име. Jdoc:include - метод за прикажување содржина на страницата. Додавање едноставни коси црти

Beans html модули php име. Jdoc:include - метод за прикажување содржина на страницата. Додавање едноставни коси црти

Накратко ја допревме темата методи за прикажување содржина во телото на шаблонот. Ајде сега подетално да погледнеме што е тоа и со што се јаде. Значи, декларации за методи jdoc се присутни во секој шаблон за Joomla и прикажете ја оваа или онаа информација во телото на шаблонот (односно, на страницата на страницата). Во принцип, декларацијата на методот изгледа вака:

Оваа линија прикажува информации од компонентите на страницата, на пример статии од com_content. Типот на излезните елементи е наведен во атрибутот.

1. тип - видови на излезни елементи.

компонента- како што напишав погоре, ја прикажува главната содржина на страницата. Може да се повика само еднаш по шаблон.
главата- се објавува и еднаш по ознаката за отворање . Служи за прикажување стилови, скрипти, и метаподатоци на тековната страница.</li><li><i>порака</i><i>- </i>прикажува системски пораки. Декларирано еднаш во телото на документот.</li><li><i>инсталација</i>- не прикажува ништо и е „инструкција“ за инсталација.</li><li><i>модул -</i>прикажува еден модул на страницата. Бројот на огласи е неограничен.</li><li><i>модули</i>- за разлика од претходниот тип, ви овозможува да прикажете повеќе од еден број на модули во неговата позиција.</li> </ul><p>За првите четири наведени типови, само треба да ги наведете на страницата. Во случај на тип на модул, задачата станува малку посложена. За да прикажеме модул на страницата, прво треба да создадеме модул за него <b>модуларна положба</b>со единствен идентификатор (име на позиција на модулот). Ова е направено со користење на атрибутот name = "име на позиција" и задолжителното додавање на линијата:</p><p> <position>име на позиција</position>во датотеката templateDetails.xml. Со опишување на името на позицијата во templateDetails.xml, го означуваме во системот и го гледаме во менаџерот на модули. Имињата на позициите може да бидат произволни, иако името = позицијата „user3“ стандардно се користи за прикажување на горното мени.</p><p><b>2. стил - опис на излезниот стил (мод хром).</b></p> <p>Изгледот и структурата на обвивката на модулот зависи од наведениот стил. Изгледа како</p><p> :<jdoc:include type="modules" name="user1" style="xhtml" />Стандардно, постојат неколку стилови на излез од модулот:</p><ul><li><i>xhtml -</i>го прикажува модулот во блок со насловна функција modChrome_xhtml($module, &$params, &$attribs) <br>{<br>ако (!празна ($module->содржина)) : ?> <br> <div class="moduletable<?php echo htmlspecialchars($params->get ("moduleclass_sfx")); ?>"> <br> <?php if ($module->showtitle != 0) : ?> <br> <h3><?php echo $module->Наслов; ?></h3><br> <?php endif; ?><br> <?php echo $module->содржина; ?> <br> </div><br> <?php endif;<br>}</li><li><i>маса -</i>го прикажува модулот во распоред на структурата на табелата <br>функција modChrome_table ($module, &$params, &$attribs) <br>{ ?><br> <table cellpadding="0" cellspacing="0" class="moduletable<?php echo htmlspecialchars($params->get ("moduleclass_sfx")); ?>"> <br> <?php if ($module->showtitle != 0) : ?> <br> <tr><br> <th><br> <?php echo $module->Наслов; ?> <br> </th><br> </tr><br> <?php endif; ?><br> <tr><br> <td><br> <?php echo $module->содржина; ?> <br> </td><br> </tr><br> </table><br> <?php<br>}</li><li><i>Хорц -</i>ја прикажува содржината на модулот во ќелија на табела, со хоризонтална функција modChrome_horz ($module, &$params, &$attribs) <br>{ ?><br> <table cellspacing="1" cellpadding="0" width="100%"><br> <tr><br> <td><br> <?php modChrome_table($module, $params, $attribs); ?><br> </td><br> </tr><br> </table><br> <?php<br>}</li><li><i>заоблени</i>- го прикажува модулот во неколку вгнездени блокови за сложено стајлинг во форма на графички граници (на пр. заоблени агли) функција modChrome_rounded($module, &$params, &$attribs) <br>{ ?><br> <div class="module<?php echo htmlspecialchars($params->get ("moduleclass_sfx")); ?>"> <br> <div><br> <div><br> <div><br> <?php if ($module->showtitle != 0) : ?> <br> <h3><?php echo $module->Наслов; ?></h3><br> <?php endif; ?><br> <?php echo $module->содржина; ?> <br> </div><br> </div><br> </div><br> </div><br> <?php<br>}</li><li><i>преглед</i>- додава претходно поставени css стилови на функцијата блок на модули modChrome_outline ($module, &$params, &$attribs) <br>{<br>статички $css=false; <br>ако (!$css) <br> {<br>$css=true; <br>jimport ("joomla.environment.browser"); <br>$doc = JFactory::getDocument(); <br>$browser = JBrowser::getInstance(); <br>$doc->addStyleDeclaration(".mod-preview-info ( полнење: 2px 4px 2px 4px; раб: 1px солидна црна; позиција: апсолутна; боја на позадина: бела; боја: црвена;)"); <br>$doc->addStyleDeclaration(".mod-preview-wrapper (боја на позадина:#eee; граница: 1px црна точка; боја:#700;)"); <br>ако ($browser->getBrowser()=="msie") <br> {<br>ако ($browser->getMajor()<= 7) {<br>$doc->addStyleDeclaration(".mod-preview-info (филтер: алфа(непроѕирност=80);)"); <br>$doc->addStyleDeclaration(".mod-preview-wrapper (филтер: алфа(непроѕирност=50);)"); <br> } <br>друго ( <br>$doc->addStyleDeclaration(".mod-preview-info (-ms-филтер: алфа(непроѕирност=80);)"); <br>$doc->addStyleDeclaration(".mod-preview-wrapper (-ms-филтер: алфа(непроѕирност=50);)"); <br> } <br> } <br>друго <br> {<br>$doc->addStyleDeclaration(".mod-preview-info (непроѕирност: 0.8;)"); <br>$doc->addStyleDeclaration(".mod-preview-wrapper (непроѕирност: 0.5;)"); <br> } <br> } <br> ?><br> <div class="mod-preview"><br> <div class="mod-preview-info"><?php echo $module->позиција."[".$module->style."]"; ?></div><br> <div class="mod-preview-wrapper"><br> <?php echo $module->содржина; ?> <br> </div><br> </div><br> <?php<br>}</li><li><i>ниеден</i>- сличен на стил кој воопшто не е одреден. Прикажува модул без функција за дизајн и наслов modChrome_none ($module, &$params, &$attribs) <br>{<br>ехо $module->содржина; <br>}</li> </ul><p>Сите претходно поставени стилови се наоѓаат во шаблони за датотеки/system/html/modules.php. Но, ние не сме ограничени на користење само на дадените опции, туку сме сосема способни да создадеме свои.</p> <p><b>3. Направете сопствен режим на хром.</b></p> <p><b><br></b>Значи, наведените типови за претставување на стандардните модули не ги исполнуваат тековните барања. Треба да додадете свој стил на дизајн. Како пример, да избереме прилично често повторувана ситуација. Според задачата, наместо <h3>ставете го насловот на модулот во ознаката <span>, кој е семантички неутрален. Исто така, треба да го поставите блокот за содржина на модулот во посебен <div>. За да создадеме сопствен излезен стил на модул, ќе користиме стандардни алатки. Повеќето Joomla шаблони имаат html/ папка (шаблони/име на шаблон/html/), која се користи за т.н. Односно, ако копирате шаблон на модул во оваа папка, тогаш наместо шаблонот од директориумот modules/my_module/tmpl/default, ќе излезе датотеката од шаблони/име на шаблон/html/my_modules/default. Компонентите се обликувани на ист начин. Практично и практично. Во папката html/ на вашиот шаблон, креирајте датотека modules.php. Ако нема таква папка во шаблонот, ќе ја создадеме. Ајде да го напишеме во датотека</p><p> <?php<br>функција modChrome_modbox ($module, &$params, &$attribs) // Повикајте ја функцијата <br>{<br>if (!empty ($module->content)) : /* Проверете дали позицијата содржи овозможен модул */?> <br> <div class="moduletable<?php echo htmlspecialchars($params->get ("moduleclass_sfx")); /* прикажете ја наставката css од класата на модулот */ ?>"> <br> <?php if ($module->showtitle != 0) : /* проверете дали е вклучен насловот на модулот */ ?> <br> <span class="title"><?php echo $module->Наслов; /* Отпечатете го насловот */ ?></span><br> <?php endif; ?><br> <div class="modcontent"><br> <?php echo $module->содржина; /* Излезете ја содржината на модулот */ ?> <br> </div><br> </div><br> <?php endif;<br>} <br>?> Готово. Сега само треба да го наведете како излезен стил. <jdoc:include type="modules" name="user1" style="modbox"/>Доделуваме модул на нашата позиција и го гледаме резултатот.</p> <p>Една од одличните работи за PHP е начинот на кој работи со HTML форми. Главната работа овде е секој елемент на формата автоматски да стане достапен за вашите PHP програми. За детални информации за користење на форми во PHP, прочитајте го делот. Еве пример за HTML форма:</p> <p><b>Пример #1 Наједноставна HTML форма</b></p> <p><form action="action.php" method="post"> <p>Вашето име: <input type="text" name="name" /></p> <p>Вашата возраст: <input type="text" name="age" /></p> <p><input type="submit" /></p> </form></p> <p>Нема ништо посебно во оваа форма. Ова е обична HTML форма без никакви посебни ознаки. Кога корисникот ќе го пополни формуларот и ќе кликне на копчето за поднесување, ќе се повика страницата action.php. Оваа датотека може да има нешто како:</p> <p><b>Пример #2 Прикажување податоци од формуларот</b></p> <p>Здраво,<?php echo htmlspecialchars ($_POST [ "name" ]); ?> .<br>На вас<?php echo (int) $_POST [ "age" ]; ?>години.</p> <p>Пример за излез од оваа програма:</p> <p>Здраво, Сергеј. Имаш 30 години.</p> <p>Ако не ги земете предвид парчињата код со <span>htmlspecialchars()</span>И <i>(int)</i>, принципот на работа на овој код треба да биде едноставен и разбирлив. <span>htmlspecialchars()</span>Осигурува дека „специјалните“ HTML знаци се правилно кодирани за да не се вметнат малициозни HTML или Javascript во вашата страница. Полето за возраст, за кое знаеме дека треба да биде број, можеме едноставно да го претвориме <span>цел број</span>, што автоматски ќе се ослободи од несаканите знаци. PHP исто така може да го направи тоа автоматски користејќи ја наставката за филтер. Променливите $_POST["име"] и $_POST["возраст"] автоматски се поставуваат за вас од PHP. Претходно ја користевме суперглобалната променлива $_SERVER, но овде ја користиме и суперглобалната променлива $_POST, која ги содржи сите податоци POST. забележи, тоа <i>метод на испраќање</i>(метод) на нашата форма е ПОСТ. Ако го користевме методот <i>ДОБИЈ</i>, тогаш нашите информации за формата ќе бидат во суперглобалната променлива $_GET. Алтернативно, можете да ја користите променливата $_REQUEST ако изворот на податоци не е важен. Оваа променлива содржи мешавина од податоци GET, POST, COOKIE.</p> <p><b>пред 15 години</b></p> <p>Според спецификацијата HTTP, треба да го користите методот POST кога ја користите формата за да ја промените состојбата на нешто на крајот на серверот. На пример, ако страницата има формулар за да им овозможи на корисниците да додаваат свои коментари, како ова страницата овде, формуларот треба да користи ПОСТА поради што овие страници не се обележани или кеширани.</p><p>Треба да го користите методот GET кога вашата форма е, добро, вади нешто од серверот и всушност не менува ништо. На пример, формуларот за пребарувач треба да користи GET, бидејќи пребарувањето на веб-локација не треба да менува ништо за што може да се грижи клиентот, а обележувањето или кеширањето на резултатите од барањето на пребарувачот е исто толку корисно како обележувањето или кеширањето статична HTML страница.</p> <p><b>Пред 2 години</b></p> <p>Вреди да се разјасни:</p><p>POST не е посигурен од GET.</p><p>Причините за избор на GET vs POST вклучуваат различни фактори како што се намерата на барањето (дали „доставувате“ информации?), големината на барањето (постојат ограничувања за тоа колку долго URL може да биде и GET параметрите се испраќаат во URL-то), и колку лесно сакате дејството да може да се сподели -- На пример, „Пребарувањата на Google“ се GET затоа што го олеснуваат копирањето и споделувањето на барањето за пребарување со некој друг едноставно со споделување на URL-то.</p><p>Овде се зема предвид безбедноста само поради фактот што GET е полесен за споделување отколку ПОСТ. Пример: не сакате лозинката да биде испратена од GET, бидејќи корисникот може да ја сподели добиената URL адреса и ненамерно да ја открие својата лозинка.</p><p>Сепак, GET и POST се подеднакво лесни за пресретнување од добро поставена злонамерна личност ако не распоредите TLS/SSL за да ја заштитите самата мрежна врска.</p><p>Сите формулари испратени преку HTTP (обично порта 80) се небезбедни, а денес (2017) нема многу добри причини за јавна веб-локација да не користи HTTPS (што во основа е HTTP + безбедност на транспортниот слој).</p><p>Како бонус, ако користите TLS, го минимизирате ризикот вашите корисници да добијат код (АД) во вашиот сообраќај што не бил ставен од вас.</p> <p>Ова е вообичаена ранливост на класата PHP-вклучително. Но, лицето за кое ја направив ревизијата ми рече дека оваа ранливост не може да се искористи, па затоа не се брои. Морав да се расправам со него</p> <h2>Што е PHP-вклучете</h2> <p>Ајде да спроведеме мала едукативна програма за оваа ранливост. PHP-include е ранливост што ви овозможува да „вклучите“ произволна датотека, на пример овој код:</p> <p>$module=$_REQUEST["модул"]; include("modules/".$module);</p> <p>И бидејќи обично нема PHP ознаки во датотеката „/etc/passwd“ (<?php и?>), потоа ќе се прикаже во прелистувачот, исто како што HTML-кодот би бил прикажан зад php ознаките во обична php скрипта. Се разбира, читањето датотеки е само една од можните имплементации на овој напад. Главната работа е вклучувањето на потребните датотеки со потребниот PHP код.</p> <p>Да се вратиме на примерот. Ајде да го искомплицираме:</p> <p>$module=$_REQUEST["модул"]; include("modules/".$module."/module.class.php");</p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p>$module = $_REQUEST [ "модул" ] ;</p><p>вклучуваат ("modules/" . $module . "/module.class.php" );</p> </td> </tr></table><p>Како што можете да видите, линијата сега е додадена на нашата променлива на крајот, што не спречува да вклучиме која било датотека. Значи, многу функции на PHP не се бинарно безбедни, односно таквите функции сметаат дека NULL бајтот е крај на низата. Пристапуваме до скриптата вака:</p> <p>script.php?module=../../../../../../../../../../../etc/passwd%00</p> <p>И ако директивата magic_quotes е оневозможена, тогаш повторно ќе ја видиме содржината на /etc/passwd</p> <h2>Дали постои ранливост?</h2> <p>Да се вратиме на нашиот код:</p> <p>$module=addslashes($_REQUEST["модул"]); include("modules/".$module."/module.class.php");</p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p>$module = додава црти ($_REQUEST [ "модул" ] );</p><p>вклучуваат ("modules/" . $module . "/module.class.php" );</p> </td> </tr></table><p>Како што можете да видите, нашата променлива е принудена да помине низ „addslashes“ и ако се обидеме да користиме NULL бајт, таа ќе се претвори во „\0“ и вклучувањето нема да работи.</p> <p>Но, напредокот не застанува! Излегува дека некои момци од USH нашле интересна карактеристика во PHP: PHP-датотечниот систем на вектори за напад (англиски). За накратко да се сумира суштината на статијата, php обработува патеки користејќи неколку карактеристики:</p> <ul><li><b>Скратување на патеката</b>- php ја скратува низата на патеката до одредената должина MAXPATHLEN (На Windows до 270 знаци, на NIX - обично 4096, на BSD - обично 1024)</li> <li><b>Нормализација на патеката</b>— php ја обработува патеката на посебен начин, отстранувајќи ги дополнителните знаци „/“ и „/“. и нивните различни комбинации</li> <li><b>Намалување на канонска форма</b>— се отстрануваат непотребните транзиции, на пример, „dir1/dir2/../dir3“ се претвора во „dir1/dir3/“, додека постоењето на директориумот „dir2“ не е проверено и други слични трансформации (т.е. продолжување на нормализацијата )</li> </ul><p>Сега, по ред, што се случува со поминатиот пат:</p> <ol><li>Ако патеката е релативна, тогаш прво се заменуваат вредностите од директивата include_path</li> <li>Патеката потоа се скратува на одредена должина во зависност од платформата</li> <li>Патеката се нормализира</li> <li>Патеката е сведена на канонска форма</li> </ol><p>Сега да се обидеме да го искористиме ова. Ајде да се обидеме да вклучиме одредена датотека „test.php“ која се наоѓа во директориумот „modules/“. За да го направите ова, додајте го симболот „/.“ до крај. така што вкупната должина, заедно со името на датотеката и вредноста од include_path, очигледно е поголема од 4096 знаци. <br>script.php?module=test.php/././.[...]/././.</p> <p>Во овој случај, треба да погодите така што целата низа на патеката (веќе исечена) завршува со точка (важно!), а не со коса црта. За да го направите ова, можете да додадете една коса црта вака: <br></p> <p>И една од овие опции дефинитивно ќе работи.</p> <h2>Анализирајќи</h2> <p>Ајде да погледнеме по ред какви трансформации ќе се случат на патеката <br>modules/test.php//././.[...]/./././module.class.php <br><i>4200 карактери</i> </p> <p>Првото нешто што се случува со линијата е дека вредноста од include_path е додадена на неа: <br>/home/site/public_html/modules/test.php//././.[...]/./././module.class.php <br><i>4223 знаци</i> </p> <p>Низата потоа е скратена на MAXPATHLEN (да речеме 4096): <br>/home/site/public_html/modules/test.php//././.[...]/./. <br><i>4096 карактери</i> </p> <p>Овде можете да видите зошто беше неопходно да се додаде уште една коса црта (во спротивно линијата ќе беше отсечена на коса црта). Сега оваа линија е нормализирана, прво отстранувајќи ги дополнителните коси црти: <br>/home/site/public_html/modules/test.php/././.[...]/./. <br><i>4095 карактери</i> </p> <p>Како резултат на тоа, ја добиваме точната патека до датотеката што ни треба, и оваа патека веќе ќе биде префрлена во вклучувањето, а датотеката што ни треба ќе биде вклучена.</p> <p>Односно, вака успешно ќе ја вклучиме нашата датотека „test.php“. <br>script.php?module=test.php//././.[...]/././.</p> <p>Ова значи дека ранливоста не е теоретска. Како резултат на тоа, мојот клиент го загуби облогот, а јас го добив облогот и 10-те рубли на кои се обложивме. Се разбира, покрај 10 рубли, добив и доверба и почит во очите на клиентот, што е исто така важно.</p> <h2>Белешки</h2> <p>Овде ќе погледнам неколку интересни карактеристики на искористување на оваа ранливост.</p> <h3>Излезете од директориумот</h3> <p>Размислете за овој код:</p> <p> ) ; </p> <p>Ајде да ја прескокнеме точката дека можете да користите RFI и да вклучите датотека од оддалечен сервер. Да речеме „allow_url_include=OFF“ на серверот.</p> <p>Да ја разгледаме ситуацијата кога треба да вклучиме датотека од директориумот подолу: <br>script.php?module=../test.php/././.[...]/././.</p> <p>Таквото барање ќе генерира грешка како што е датотеката не е пронајдена. И за да го заобиколиме ова, треба да го наречеме вака: <br>script.php?module=blabla/../../test.php/././.[...]/././.</p> <p>Не залудно ја опишав канонизацијата на патеките. Благодарение на него, директориумот „блабла“ не мора да постои.</p> <h3>Додавање едноставни коси црти</h3> <p>Внимателен читател веројатно забележал дека во описот на нормализацијата напишав дека дополнителните коси црти „/“ и точките со коса црти „/“ се отстранети, па зошто да не користите само коса црти за да избегнете непотребни проблеми со точката што завршува на крајот.</p> <p>Се работи за алгоритмите, односно коса црта со точка „/“. е целосно отстранета. Но, со едноставни црти, ситуацијата е малку посложена; за време на нормализацијата, секои две коси се заменуваат со една додека не остане само една (!) коса, на пример:</p><p>/home/site/public_html/modules/test.php/////////////////// <br><i>57 карактери</i> <br> ↓<br>/home/site/public_html/modules/test.php///////// <br><i>48 карактери</i> <br> ↓<br>/home/site/public_html/modules/test.php///// <br><i>44 карактери</i> <br> ↓<br>/home/site/public_html/modules/test.php/// <br><i>42 карактери</i> <br> ↓<br>/home/site/public_html/modules/test.php// <br><i>41 карактер</i> <br> ↓<br>/home/site/public_html/modules/test.php/ <br><i>40 карактери</i> </p> <h3><b>Мала дигресија:</b></h3> <p>Покрај тоа, ако обрнете внимание на многу популарни хакерски ресурси, ќе ја забележите оваа грешка. Како што разбрав, оваа грешка започна со статија од одреден Raz0r каде тој предложи вектор: <br>index.php?act=../../../../../etc/passwd/////[…]/////</p> <p>И обрнете внимание дури и на списанието ][aker ја повтори оваа грешка во својата статија. Покрај тоа, дури и во оригиналната статија на USH беше јасно напишано дека не е препорачливо да се користат само коси црти и неопходно е да се остави знакот за точка на крајот пред нормализацијата. Но, едноставните коси црти (дури и без точка на крајот) работат само во PHP со Сухосин.</p> <p>Тоа е, користете коса црта со точка „/“. - поуниверзален метод, бидејќи, за разлика од коси црти „/“, работи за сите верзии на php.</p> <h2>Заклучок</h2> <p>Се надевам дека оваа статија ќе ви помогне да разберете дека не треба да оставате ни најмали пропусти во вашите скрипти, бидејќи порано или подоцна можете да развиете свој вектор за напад за нив, што може да доведе до сериозни последици.</p> <p>Елементот em претставува пасус од текст со акцент. Можете да го користите за да го привлечете вниманието на читателот на значењето на реченицата или параграфот. Ќе ви кажам што значи ова по , кој го опишува елементот em.</p><blockquote><b>Табела 8-6:</b>ем елемент</blockquote><blockquote><b>Слика 8-3:</b>Користење на елементот em</blockquote><p>Во овој пример, ставам акцент на I (I) на почетокот на реченицата. Ако размислиме за елементот ем, кога гласно кажуваме реченица, го земаме предвид фактот дека реченицата е одговор на прашање. На пример, замислете дека прашав: „Кој сака јаболка и портокали? Вашиот одговор ќе биде: „Сакам јаболка и портокали“. (Кога ова го кажувате гласно и го ставате акцентот на јас, јасно ставате до знаење дека сте личност која ги сака овие плодови).</p><p>Но, ако прашам: „Дали сакаш јаболка и што друго?“ Може да одговорите: „Сакам јаболка и портокали“. Во овој случај, акцентот ќе биде на последниот збор, нагласувајќи дека портокалите се уште едно овошје што ви се допаѓа. Оваа опција во HTML би изгледала вака:</p><p>Сакам јаболка и <b><em> </b>портокали <b></em> </b>.</p><h3>Дефиниција на странски зборови и технички термини</h3><p>Елементот i означува парче текст што е од различна природа од околната содржина. Ова е прилично нејасна дефиниција, но вообичаените примери вклучуваат зборови од други јазици, технички или научни термини, па дури и човечки мисли (за разлика од говорот). Опишан е елементот i.</p><blockquote><b>Табела 8-7:</b>Елемент I</blockquote><blockquote><b>Слика 8-5:</b>Користење на елементот s</blockquote><br><img src='https://i2.wp.com/storage.smarly.net/html5/8.5.png' width="100%" loading=lazy loading=lazy><h3>Идентификување на важен текст</h3><p>Силниот елемент означува пасус од текст кој е важен. Овој елемент е опишан во.</p><blockquote><b>Табела 8-9:</b>Силен елемент</blockquote><blockquote><b>Слика 8-7:</b>Користење на елементот u</blockquote><br><img src='https://i1.wp.com/storage.smarly.net/html5/8.7.png' width="100%" loading=lazy loading=lazy><h3>Додавање мал фонт</h3><p>Малиот елемент означува мал фонт и често се користи за квалификации и појаснувања. Б го претставува малиот елемент.</p><blockquote><b>Табела 8-11:</b>елемент мал</blockquote><blockquote><b>Слика 8-8:</b>Користење на малиот елемент</blockquote><br><img src='https://i1.wp.com/storage.smarly.net/html5/8.8.png' width="100%" loading=lazy loading=lazy><h3>Додавање на надреден знак и знак</h3><p>Можете да ги користите елементите sub и sup за да означите надреден и подредник, соодветно. Суперскриптите се користат за пишување зборови на некои јазици, а и суперкриптот и знакот се користат во едноставни математички изрази. Овие елементи се претставени во.</p><blockquote><b>Табела 8-12:</b>Под и суп елементи</blockquote><blockquote><b>Слика 8-9:</b>Користење на под и суп елементи</blockquote><br><img src='https://i1.wp.com/storage.smarly.net/html5/8.9.png' width="100%" loading=lazy loading=lazy> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="single-popular"> <div class="single-popular-tit col-lg-12">Популарни во категоријата:</div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/8e694afe297762af56fa10dc9d64eb9d.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Како да креирате караоке клип на компјутер?"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Како да креирате караоке клип на компјутер?</div> <a href="https://5visa.ru/mk/at/sozdanie-karaoke-svoimi-rukami-kak-sozdat-karaoke-klip-na-kompyutere-eto.html" rel="bookmark" title="Како да креирате караоке клип на компјутер?">читаат</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/d610310bd3744add66d0b4be4dfee6a5.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Апликацијата Origin е потребна за играта, но не е инсталирана. FIFA 16 бара потекло."/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Апликацијата Origin е потребна за играње, но не е инсталирана ФИФА...</div> <a href="https://5visa.ru/mk/multimedia/prilozhenie-origin-neobhodimo-dlya-igry-no-ono-ne-ustanovleno-prilozhenie-origin.html" rel="bookmark" title="Апликацијата Origin е потребна за играта, но не е инсталирана. FIFA 16 бара потекло.">читаат</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/30ee436baf8151ff5b776ef4575c45ea.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Регистрирање лична страница на социјалната мрежа Фејсбук"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Регистрирање лична страница на социјалната мрежа Фејсбук</div> <a href="https://5visa.ru/mk/multimedia/zaregistrirovat-dve-stranicy-facebook-na-odin-nomer-registraciya-lichnoi.html" rel="bookmark" title="Регистрирање лична страница на социјалната мрежа Фејсбук">читаат</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/f19ca0b3b94ccf60b634700168b060f2.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Како да извршите едноставно скенирање на Nmap Nmap"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Како да извршите едноставно скенирање на Nmap Nmap</div> <a href="https://5visa.ru/mk/installation-and-configuration/setevoi-skaner-nmap-i-ego-vozmozhnosti-kak-zapustit-prostoe-skanirovanie.html" rel="bookmark" title="Како да извршите едноставно скенирање на Nmap Nmap">читаат</a> <div class="clr"> </div> </div> </div> <div class="clr"></div> </div> </div> <div class="sidebar col-lg-3 col-md-4 col-sm-12"> <div class="sidebar-wrp"> <div class="sidebar-wrp-title">Најнови написи</div> <div class="sidebar-wrp-des"> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/934317c9dc463eca8a068c72103a9d1c.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Како да ротирате слика за неколку степени...</div> <div class="clr"></div> <a href="https://5visa.ru/mk/internet/kak-povernut-izobrazhenie-v-vorde-i-eshche-neskolko-priemov.html">читаат</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/22b772bd41ea5a26bd659632075d8633.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Оневозможување рекламирање во прелистувачот Yandex Каде...</div> <div class="clr"></div> <a href="https://5visa.ru/mk/tips/kak-otklyuchit-blokirovku-reklamy-v-brauzere-yandeks-otklyuchenie-reklamy-v-yandeks.html">читаат</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/fb321d5756cb0506f3cba53b24342950.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Решавање проблеми со Wi-Fi конекцијата на...</div> <div class="clr"></div> <a href="https://5visa.ru/mk/problems/shlyuz-ustanovlennyi-po-umolchaniyu-ne-dostupen-ustranenie-problem-s-wi-fi.html">читаат</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/adf1bbe784035fed9b433ebb2510db2f.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Променете ја лозинката на профилот на Windows 10</div> <div class="clr"></div> <a href="https://5visa.ru/mk/education/pomenyat-parol-na-profile-vindovs-10.html">читаат</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/a1f00d0e4dfd0c63b7073715f264f36a.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Инструкции за поставување безжични рутери...</div> <div class="clr"></div> <a href="https://5visa.ru/mk/at/pravilnaya-nastroika-wi-fi-routera-asus-rt-g32-instrukciya-po-nastroike.html">читаат</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/da305b0b628cd68b021f50a2fe2a3a89.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Како да изберете хард диск и кој е подобро да го купите...</div> <div class="clr"></div> <a href="https://5visa.ru/mk/multimedia/kakaya-skorost-zhestkogo-diska-horoshaya-kak-vybrat-zhestkii-disk-i.html">читаат</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/470eb147f848e5af1fb8b95300372a3e.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Meizu за кукли. Повици и адресар....</div> <div class="clr"></div> <a href="https://5visa.ru/mk/internet/meizu-dlya-chainikov-zvonki-i-adresnaya-kniga-storonnie-prilozheniya-dlya.html">читаат</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/7a081806d1b8bf3a3ff61c21be94541f.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Преземете ја програмата PDFMaster</div> <div class="clr"></div> <a href="https://5visa.ru/mk/program/smotret-pdf-faily-skachat-programmu-pdfmaster.html">читаат</a> </div> <div class="clr"></div> </div> </div> <div id="text-4" class="widget widget_text sidebar-wrp"> <div class="textwidget"> </div> </div> <div class="clr"></div> </div> </div> </div> </div> <div id="footer"> <div class="container"> <div class="row"> <div class="footer-contacts col-lg-6 col-md-6 col-sm-12 col-xs-12"> <img src="/public/logo.png" loading=lazy loading=lazy> <div class="footer-contacts-tit">5visa.ru <br>Интернет. Мултимедија. Навигатор. Образование. СО. Фирмвер. Програми. Совети. Инсталација</div> <div class="footer-soc"> <div class="footer-soc-wrp"> <div class="soc_w"> <a href="https://vk.com/share.php?url=https://5visa.ru/education/bobovye-html-modules-php-name-jdoc-include---metod-otobrazheniya-kontenta-na-stranice.html" class="soc-link vk" target="_blank"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://5visa.ru/education/bobovye-html-modules-php-name-jdoc-include---metod-otobrazheniya-kontenta-na-stranice.html" class="soc-link fb" target="_blank"></a> </div> </div> </div> </div> <div class="footer-links col-lg-4 col-md-6 col-sm-12 col-xs-12"> </div> <div class="footer-links col-lg-4 col-md-4 col-sm-4 col-xs-4" style="display: block;"> <ul> <li><a href="">Проектно издание</a></li> <li><a href="">Рекламирање на веб-страницата</a></li> </ul> <ul> <li><a href="https://5visa.ru/mk/feedback.html">Контакти</a></li> <li><a href="https://5visa.ru/mk/sitemap.xml">Мапа на сајтот</a></li> </ul> </div> </div> </div> <div class="copyright">© 2023 Интернет. Мултимедија. Навигатор. Образование. СО. Фирмвер. Програми. Совети. Инсталација</div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="https://5visa.ru/wp-content/themes/trudinsp/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://5visa.ru/wp-content/themes/trudinsp/js/SmoothScroll.js"></script> <a id="scroll-to-top" href="#" title="Скролувајте до врвот">Врв</a> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/jquery-smooth-scroll/js/jss-script.min.js?ver=4.8.3'></script> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='/wp-includes/js/jquery/ui/effect.min.js?ver=1.11.4'></script> <script type='text/javascript' src='/wp-includes/js/jquery/ui/effect-blind.min.js?ver=1.11.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var stbUserOptions = { "mode":"css","cssOptions":{ "roundedCorners":false,"mbottom":20,"imgHide":"http:\/\/5visa.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/minus.png","imgShow":"http:\/\/5visa.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/plus.png","strHide":"\u0421\u043a\u0440\u044b\u0442\u044c","strShow":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c"} }; /* ]]> */ </script> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/wp-special-textboxes/js/wstb.min.js?ver=5.5.101'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script> <script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) { (function($){ $(document).ready(function(){ if ( !!window.SLB ) { { $.extend(SLB, { "context":["public","user_guest"]} );} } })} )(jQuery);} /* ]]> */</script> <script type="text/javascript">  </script><br> <br> </body> </html>