casa › Formazione scolastica › Beans moduli html nome php. Jdoc:include - metodo per visualizzare il contenuto nella pagina. Aggiunta di barre semplici

Beans moduli html nome php. Jdoc:include - metodo per visualizzare il contenuto nella pagina. Aggiunta di barre semplici

Abbiamo brevemente toccato l'argomento delle modalità di visualizzazione del contenuto nel corpo di un modello. Vediamo ora più da vicino cos'è e con cosa si mangia. Quindi, dichiarazioni di metodo jdoc sono presenti in ogni template Joomla e visualizzare questa o quella informazione nel corpo del modello (cioè nella pagina del sito). In generale, la dichiarazione del metodo è simile alla seguente:

Questa riga visualizza informazioni dai componenti del sito, ad esempio articoli da com_content. Il tipo di elementi di output è specificato nell'attributo.

1. tipo - tipi di elementi di output.

componente- come ho scritto sopra, visualizza il contenuto principale della pagina. Può essere chiamato solo una volta per modello.
Testa- viene annunciato anche una volta dopo il tag di apertura . Serve per visualizzare stili, script, e metadati della pagina corrente.</li><li><i>Messaggio</i><i>- </i> visualizza i messaggi di sistema. Dichiarato una volta nel corpo del documento.</li><li><i>installazione</i>- non visualizza nulla ed è una “istruzione” per l'installazione.</li><li><i>modulo -</i> visualizza un singolo modulo sulla pagina. Il numero di annunci è illimitato.</li><li><i>moduli</i>- a differenza della tipologia precedente, permette di visualizzare nella sua posizione più di un numero di moduli.</li> </ul><p>Per le prime quattro tipologie elencate è sufficiente indicarle nella pagina. Nel caso del tipo modulo il compito diventa un po’ più complicato. Per visualizzare un modulo sulla pagina, dobbiamo prima creare un modulo per esso <b>posizione modulare</b> con un identificatore univoco (nome della posizione del modulo). Questo viene fatto utilizzando l'attributo name="position name" e l'aggiunta obbligatoria della riga:</p><p> <position>nome della posizione</position> al file templateDetails.xml. Descrivendo il nome della posizione in templateDetails.xml, lo designiamo nel sistema e lo vediamo nel gestore dei moduli. I nomi delle posizioni possono essere arbitrari, sebbene la posizione name = "user3" venga utilizzata per impostazione predefinita per visualizzare il menu principale.</p><p><b>2. stile: descrizione dello stile di output (mod chrome).</b></p> <p>L'aspetto e la struttura del guscio del modulo dipendono dallo stile specificato. Sembra</p><p> :<jdoc:include type="modules" name="user1" style="xhtml" />Per impostazione predefinita, esistono diversi stili di output del modulo:</p><ul><li><i>xhtml-</i> visualizza il modulo in un blocco con la funzione titolo modChrome_xhtml($module, &$params, &$attribs) <br>{<br>if (!empty ($modulo->contenuto)): ?> <br> <div class="moduletable<?php echo htmlspecialchars($params->get("moduleclass_sfx")); ?>"> <br> <?php if ($module->titolo spettacolo != 0): ?> <br> <h3><?php echo $module->titolo; ?></h3><br> <?php endif; ?><br> <?php echo $module->contenuto; ?> <br> </div><br> <?php endif;<br>}</li><li><i>tavolo -</i> visualizza il modulo in un layout con struttura a tabella <br>funzione modChrome_table($modulo, &$params, &$attribs) <br>{ ?><br> <table cellpadding="0" cellspacing="0" class="moduletable<?php echo htmlspecialchars($params->get("moduleclass_sfx")); ?>"> <br> <?php if ($module->titolo spettacolo != 0): ?> <br> <tr><br> <th><br> <?php echo $module->titolo; ?> <br> </th><br> </tr><br> <?php endif; ?><br> <tr><br> <td><br> <?php echo $module->contenuto; ?> <br> </td><br> </tr><br> </table><br> <?php<br>}</li><li><i>cavallo -</i> visualizza il contenuto di un modulo in una cella di tabella, funzione orizzontale 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>arrotondato</i>- visualizza il modulo in diversi blocchi annidati per uno stile complesso sotto forma di bordi grafici (ad esempio angoli arrotondati) funzione 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->titolo spettacolo != 0): ?> <br> <h3><?php echo $module->titolo; ?></h3><br> <?php endif; ?><br> <?php echo $module->contenuto; ?> <br> </div><br> </div><br> </div><br> </div><br> <?php<br>}</li><li><i>contorno</i>- aggiunge stili CSS preimpostati alla funzione del blocco modulo modChrome_outline($module, &$params, &$attribs) <br>{<br>statico $css=falso; <br>se (!$css) <br> {<br>$css=vero; <br>jimport("joomla.environment.browser"); <br>$doc = JFactory::getDocument(); <br>$browser = JBrowser::getInstance(); <br>$doc->addStyleDeclaration(".mod-preview-info (imbottitura: 2px 4px 2px 4px; bordo: 1px nero pieno; posizione: assoluta; colore di sfondo: bianco; colore: rosso;)"); <br>$doc->addStyleDeclaration(".mod-preview-wrapper ( background-color:#eee; border: 1px punteggiato nero; color:#700;)"); <br>if ($browser->getBrowser()=="msie") <br> {<br>if ($browser->getMajor()<= 7) {<br>$doc->addStyleDeclaration(".mod-preview-info (filtro: alpha(opacity=80);)"); <br>$doc->addStyleDeclaration(".mod-preview-wrapper (filtro: alpha(opacity=50);)"); <br> } <br>altro( <br>$doc->addStyleDeclaration(".mod-preview-info (-ms-filter: alpha(opacity=80);)"); <br>$doc->addStyleDeclaration(".mod-preview-wrapper (-ms-filter: alpha(opacity=50);)"); <br> } <br> } <br>altro <br> {<br>$doc->addStyleDeclaration(".mod-preview-info (opacità: 0.8;)"); <br>$doc->addStyleDeclaration(".mod-preview-wrapper (opacità: 0.5;)"); <br> } <br> } <br> ?><br> <div class="mod-preview"><br> <div class="mod-preview-info"><?php echo $module->posizione."[".$modulo->stile."]"; ?></div><br> <div class="mod-preview-wrapper"><br> <?php echo $module->contenuto; ?> <br> </div><br> </div><br> <?php<br>}</li><li><i>nessuno</i>- simile allo stile non specificato affatto. Visualizza un modulo senza design e funzione titolo modChrome_none($module, &$params, &$attribs) <br>{<br>echo $modulo->contenuto; <br>}</li> </ul><p>Tutti gli stili preimpostati si trovano nel file templates/system/html/modules.php. Ma non ci limitiamo a utilizzare solo le opzioni fornite, ma siamo perfettamente in grado di crearne di nostre.</p> <p><b>3. Crea una modalità Chrome personalizzata.</b></p> <p><b><br></b> Pertanto, i tipi di rappresentazione dei moduli predefiniti forniti non soddisfano i requisiti attuali. Devi aggiungere il tuo stile di design. Ad esempio, scegliamo una situazione ripetuta abbastanza frequentemente. Secondo l'incarico, invece di <h3>inserisci il titolo del modulo nel tag <span>, che è semanticamente neutro. È inoltre necessario posizionare il blocco del contenuto del modulo in un blocco separato <div>. Per creare il tuo stile di output del modulo, utilizzeremo strumenti standard. La maggior parte dei template Joomla hanno una cartella html/ (templates/nome template/html/), che viene utilizzata per i cosiddetti template. Cioè, se copi un modello di modulo in questa cartella, invece del modello dalla directory modules/my_module/tmpl/default, verrà generato il file da templates/template name/html/my_modules/default. I componenti sono modellati allo stesso modo. Comodo e pratico. Nella cartella html/ del tuo template, crea un file module.php. Se nel modello non è presente una cartella di questo tipo, la creeremo. Scriviamolo in un file</p><p> <?php<br>function modChrome_modbox($module, &$params, &$attribs) // Chiama la funzione <br>{<br>if (!empty ($module->content)) : /* Controlla se la posizione contiene un modulo abilitato */?> <br> <div class="moduletable<?php echo htmlspecialchars($params->get("moduleclass_sfx")); /* visualizza il suffisso css della classe del modulo */ ?>"> <br> <?php if ($module->showtitle != 0) : /* controlla se il titolo del modulo è incluso */ ?> <br> <span class="title"><?php echo $module->titolo; /* Stampa il titolo */ ?></span><br> <?php endif; ?><br> <div class="modcontent"><br> <?php echo $module->contenuto; /* Emette il contenuto del modulo */ ?> <br> </div><br> </div><br> <?php endif;<br>} <br>?> Fatto. Ora devi solo specificarlo come stile di output. <jdoc:include type="modules" name="user1" style="modbox"/>Assegniamo un modulo alla nostra posizione e guardiamo il risultato.</p> <p>Uno degli aspetti migliori di PHP è il modo in cui funziona con i moduli HTML. La cosa principale qui è che ogni elemento del modulo diventa automaticamente disponibile per i tuoi programmi PHP. Per informazioni dettagliate sull'utilizzo dei moduli in PHP, leggere la sezione. Ecco un esempio di modulo HTML:</p> <p><b>Esempio n. 1 Modulo HTML più semplice</b></p> <p><form action="action.php" method="post"> <p>Il tuo nome: <input type="text" name="name" /></p> <p>Della tua età: <input type="text" name="age" /></p> <p><input type="submit" /></p> </form></p> <p>Non c'è niente di speciale in questo modulo. Questo è un normale modulo HTML senza tag speciali. Quando l'utente compila il modulo e fa clic sul pulsante di invio, verrà richiamata la pagina action.php. Questo file potrebbe avere qualcosa del tipo:</p> <p><b>Esempio n.2 Visualizzazione dei dati del modulo</b></p> <p>Ciao,<?php echo htmlspecialchars ($_POST [ "name" ]); ?> .<br>A te<?php echo (int) $_POST [ "age" ]; ?>anni.</p> <p>Esempio di output di questo programma:</p> <p>Ciao, Sergey. Hai 30 anni.</p> <p>Se non prendi in considerazione i pezzi di codice con <span>htmlspecialchars()</span> E <i>(int)</i>, il principio di funzionamento del codice dovrebbe essere semplice e comprensibile. <span>htmlspecialchars()</span> Garantisce che i caratteri HTML "speciali" siano codificati correttamente in modo che nella tua pagina non vengano inseriti HTML o Javascript dannosi. Possiamo semplicemente convertire il campo dell'età, che sappiamo dovrebbe essere un numero <span>numero intero</span>, che eliminerà automaticamente i caratteri indesiderati. PHP può anche farlo automaticamente utilizzando l'estensione filter. Le variabili $_POST["name"] e $_POST["age"] vengono impostate automaticamente da PHP. In precedenza utilizzavamo la variabile superglobale $_SERVER, ma qui utilizziamo anche la variabile superglobale $_POST, che contiene tutti i dati POST. notare che <i>metodo di invio</i>(metodo) del nostro modulo è POST. Se usassimo il metodo <i>OTTENERE</i>, allora le informazioni sul nostro modulo sarebbero nella variabile superglobale $_GET . In alternativa, puoi utilizzare la variabile $_REQUEST se l'origine dati non è importante. Questa variabile contiene una combinazione di dati GET, POST e COOKIE.</p> <p><b>15 anni fa</b></p> <p>Secondo la specifica HTTP, dovresti utilizzare il metodo POST quando usi il modulo per modificare lo stato di qualcosa sul server. Ad esempio, se una pagina ha un modulo per consentire agli utenti di aggiungere i propri commenti, come questo pagina qui, il modulo dovrebbe utilizzare POST. Se fai clic su "Ricarica" o "Aggiorna" su una pagina che hai raggiunto tramite un POST, si tratta quasi sempre di un errore: non dovresti pubblicare lo stesso commento due volte. ecco perché queste pagine non vengono aggiunte ai segnalibri o memorizzate nella cache.</p><p>Dovresti usare il metodo GET quando il tuo modulo, beh, sta ottenendo qualcosa dal server e non sta effettivamente cambiando nulla. Ad esempio, il modulo per un motore di ricerca dovrebbe utilizzare GET, poiché la ricerca in un sito Web non dovrebbe modificare nulla che possa interessare al cliente e aggiungere segnalibri o memorizzare nella cache i risultati di una query del motore di ricerca è altrettanto utile quanto aggiungere segnalibri o memorizzare nella cache una pagina HTML statica.</p> <p><b>2 anni fa</b></p> <p>Vale la pena fare chiarezza:</p><p>POST non è più sicuro di GET.</p><p>Le ragioni per scegliere GET vs POST coinvolgono vari fattori come l'intento della richiesta (stai "inviando" informazioni?), la dimensione della richiesta (ci sono limiti alla lunghezza di un URL e i parametri GET vengono inviati in l'URL) e la facilità con cui vuoi che l'azione sia condivisibile: ad esempio, le ricerche di Google sono GET perché semplifica la copia e la condivisione della query di ricerca con qualcun altro semplicemente condividendo l'URL.</p><p>La sicurezza è solo una considerazione qui perché un GET è più facile da condividere rispetto a un POST. Esempio: non vuoi che GET invii una password, perché l'utente potrebbe condividere l'URL risultante ed esporre inavvertitamente la propria password.</p><p>Tuttavia, un GET e un POST sono ugualmente facili da intercettare da parte di un utente malintenzionato ben posizionato se non si distribuisce TLS/SSL per proteggere la connessione di rete stessa.</p><p>Tutti i moduli inviati tramite HTTP (di solito la porta 80) non sono sicuri e oggi (2017) non ci sono molte buone ragioni per cui un sito Web pubblico non utilizzi HTTPS (che è fondamentalmente HTTP + Transport Layer Security).</p><p>Come bonus, se utilizzi TLS riduci al minimo il rischio che i tuoi utenti ricevano codice (AD) inserito nel tuo traffico che non è stato inserito da te.</p> <p>Questa è una vulnerabilità comune della classe che include PHP. Ma la persona per cui ho effettuato l’audit mi ha detto che questa vulnerabilità non può essere sfruttata, quindi non conta. Ho dovuto discutere con lui</p> <h2>Cos'è PHP-include</h2> <p>Conduciamo un piccolo programma educativo su questa vulnerabilità. PHP-include è una vulnerabilità che consente di “includere” un file arbitrario, ad esempio questo codice:</p> <p>$modulo=$_REQUEST["modulo"]; include("moduli/".$modulo);</p> <p>E poiché di solito non ci sono tag PHP nel file “/etc/passwd” (<?php и?>), quindi verrà visualizzato nel browser, proprio come il codice html verrebbe visualizzato dietro i tag php in un normale script php. Naturalmente, la lettura dei file è solo una delle possibili implementazioni di questo attacco. La cosa principale è includere i file necessari con il codice PHP necessario.</p> <p>Torniamo all'esempio. Complichiamolo:</p> <p>$modulo=$_REQUEST["modulo"]; include("moduli/".$modulo."/modulo.class.php");</p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p>$modulo = $_REQUEST ["modulo"];</p><p>include ("moduli/" . $modulo . "/module.class.php" ) ;</p> </td> </tr></table><p>Come puoi vedere, ora alla fine viene aggiunta una riga alla nostra variabile, che ci impedisce di includere qualsiasi file. Pertanto, molte funzioni PHP non sono sicure a livello binario, ovvero tali funzioni considerano un byte NULL come la fine di una stringa. Accediamo allo script in questo modo:</p> <p>script.php?module=../../../../../../../../../../../etc/passwd%00</p> <p>E se la direttiva magic_quotes è disabilitata, vedremo di nuovo il contenuto di /etc/passwd</p> <h2>Esiste una vulnerabilità?</h2> <p>Torniamo al nostro codice:</p> <p>$modulo=aggiungi barre($_REQUEST["modulo"]); include("moduli/".$modulo."/modulo.class.php");</p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p>$modulo = aggiunge barre ($_REQUEST ["modulo"]);</p><p>include ("moduli/" . $modulo . "/module.class.php" ) ;</p> </td> </tr></table><p>Come puoi vedere, la nostra variabile è costretta a passare attraverso “addslashes” e se proviamo a utilizzare un byte NULL, verrà convertito in “\0” e l'inclusione non funzionerà.</p> <p>Ma il progresso non si ferma! Si scopre che alcuni ragazzi dell'USH hanno trovato una caratteristica interessante in PHP: i vettori di attacco del filesystem PHP (inglese). Per riassumere brevemente il succo dell'articolo, php elabora i percorsi utilizzando diverse funzionalità:</p> <ul><li><b>Troncamento del percorso</b>- php tronca la stringa del percorso alla lunghezza specificata MAXPATHLEN (su Windows fino a 270 caratteri, su NIX - solitamente 4096, su BSD - solitamente 1024)</li> <li><b>Normalizzazione del percorso</b>— php elabora il percorso in un modo speciale, rimuovendo i caratteri extra “/” e “/”. e le loro varie combinazioni</li> <li><b>Riduzione alla forma canonica</b>— vengono rimosse le transizioni non necessarie, ad esempio “dir1/dir2/../dir3” viene convertito in “dir1/dir3/” mentre l'esistenza della directory “dir2” non viene verificata, e altre trasformazioni simili (ovvero continuazione della normalizzazione )</li> </ul><p>Ora, in ordine, cosa succede al percorso superato:</p> <ol><li>Se il percorso è relativo, vengono prima sostituiti i valori della direttiva include_path</li> <li>Il percorso viene quindi tagliato ad una certa lunghezza a seconda della piattaforma</li> <li>Il percorso si sta normalizzando</li> <li>Il percorso è ridotto alla forma canonica</li> </ol><p>Ora proviamo a usarlo. Proviamo a includere un determinato file "test.php" che si trova nella directory "modules/". Per fare ciò, aggiungi il simbolo “/.” alla fine. in modo che la lunghezza totale, insieme al nome del file e al valore di include_path, sia ovviamente maggiore di 4096 caratteri. <br>script.php?module=test.php/././.[...]/././.</p> <p>In questo caso, devi indovinare in modo che l'intera stringa del percorso (già ritagliata) termini con un punto (importante!) e non con una barra. Per fare ciò, puoi aggiungere una barra come questa: <br></p> <p>E una di queste opzioni funzionerà sicuramente.</p> <h2>Analizzando</h2> <p>Vediamo in ordine quali trasformazioni accadranno al percorso <br>moduli/test.php//././.[...]/./././module.class.php <br><i>4200 caratteri</i> </p> <p>La prima cosa che accade alla riga è che vi viene aggiunto il valore di include_path: <br>/home/site/public_html/modules/test.php//././.[...]/./././module.class.php <br><i>4223 caratteri</i> </p> <p>La stringa viene quindi troncata in MAXPATHLEN (diciamo 4096): <br>/home/site/public_html/modules/test.php//././.[...]/./. <br><i>4096 caratteri</i> </p> <p>Qui puoi vedere perché è stato necessario aggiungere un'altra barra (altrimenti la riga sarebbe stata tagliata fino alla barra). Ora questa riga è normalizzata, rimuovendo prima le barre extra: <br>/home/site/public_html/modules/test.php/././.[...]/./. <br><i>4095 caratteri</i> </p> <p>Di conseguenza, otteniamo il percorso corretto del file di cui abbiamo bisogno e questo percorso sarà già trasferito nell'inclusione e il file di cui abbiamo bisogno verrà incluso.</p> <p>Cioè, è così che includeremo con successo il nostro file "test.php". <br>script.php?module=test.php//././.[...]/././.</p> <p>Ciò significa che la vulnerabilità non è teorica. Di conseguenza, il mio cliente ha perso la scommessa e io ho vinto la scommessa e i 10 rubli su cui abbiamo scommesso. Naturalmente, oltre a 10 rubli, ho anche conquistato la fiducia e il rispetto agli occhi del cliente, il che è anche importante.</p> <h2>Appunti</h2> <p>Qui esaminerò un paio di caratteristiche interessanti dello sfruttamento di questa vulnerabilità.</p> <h3>Esci dalla rubrica</h3> <p>Considera questo codice:</p> <p> ) ; </p> <p>Tralasciamo il punto in cui è possibile utilizzare RFI e includere un file da un server remoto. Diciamo "allow_url_include=OFF" sul server.</p> <p>Consideriamo una situazione in cui dobbiamo includere un file dalla directory seguente: <br>script.php?module=../test.php/././.[...]/././.</p> <p>Tale richiesta genererà un errore come file non trovato. E per aggirare questo problema, dobbiamo chiamarlo così: <br>script.php?module=blabla/../../test.php/././.[...]/././.</p> <p>Non invano ho descritto la canonizzazione dei cammini. Grazie ad esso, la directory “blabla” non deve esistere.</p> <h3>Aggiunta di barre semplici</h3> <p>Un lettore attento probabilmente ha notato che nella descrizione della normalizzazione ho scritto che le barre extra “/” e i punti con le barre “/.” vengono rimossi, quindi perché non usare semplicemente le barre per evitare inutili problemi con il punto che termina alla fine.</p> <p>Riguarda gli algoritmi, ovvero una barra con un punto "/". viene completamente rimosso. Ma con le barre semplici la situazione è un po' più complicata; durante la normalizzazione, ogni due barre vengono sostituite da una finché non rimane solo una (!) barra, esempio:</p><p>/home/site/public_html/modules/test.php/////////////////// <br><i>57 caratteri</i> <br> ↓<br>/home/site/public_html/modules/test.php///////// <br><i>48 caratteri</i> <br> ↓<br>/home/site/public_html/modules/test.php///// <br><i>44 caratteri</i> <br> ↓<br>/home/sito/public_html/modules/test.php/// <br><i>42 caratteri</i> <br> ↓<br>/home/sito/public_html/modules/test.php// <br><i>41 caratteri</i> <br> ↓<br>/home/sito/public_html/modules/test.php/ <br><i>40 caratteri</i> </p> <h3><b>Una piccola digressione:</b></h3> <p>Inoltre, se presti attenzione a molte risorse di hacking popolari, noterai questo errore. A quanto ho capito, questo errore è iniziato con un articolo di un certo Raz0r in cui proponeva un vettore: <br>index.php?act=../../../../../etc/passwd/////[…]/////</p> <p>E attenzione anche alla rivista ][aker ha ripetuto questo errore nel suo articolo. Inoltre, anche nell'articolo originale dell'USH era scritto chiaramente che non è consigliabile usare solo le barre, ed è necessario lasciare un punto alla fine prima della normalizzazione. Ma le barre semplici (anche senza punto alla fine) funzionano solo in PHP con Suhosin.</p> <p>Cioè, usa una barra con un punto "/". - un metodo più universale, poiché, a differenza delle barre “/”, funziona per tutte le versioni di php.</p> <h2>Conclusione</h2> <p>Spero che questo articolo ti aiuti a capire che non dovresti lasciare nemmeno la minima vulnerabilità nei tuoi script, poiché prima o poi puoi sviluppare per loro il tuo vettore di attacco, il che può portare a gravi conseguenze.</p> <p>L'elemento em rappresenta un passaggio di testo con enfasi. Puoi usarlo per attirare l'attenzione del lettore sul significato di una frase o di un paragrafo. Ti dirò cosa significa dopo , che descrive l'elemento em.</p><blockquote><b>Tabella 8-6:</b> elemento em</blockquote><blockquote><b>Figura 8-3:</b> Utilizzando l'elemento em</blockquote><p>In questo esempio, ho messo l'accento su I (I) all'inizio della frase. Se pensiamo all'elemento em, quando diciamo una frase ad alta voce, stiamo considerando il fatto che la frase è una risposta a una domanda. Ad esempio, immagina che io chieda: "A chi piacciono le mele e le arance?" La tua risposta sarà: “Mi piacciono le mele e le arance”. (Quando lo dici ad alta voce e metti l'accento su Io, chiarisci che sei una persona a cui piacciono questi frutti).</p><p>Ma se chiedessi: "Ti piacciono le mele e cos'altro?" Potresti rispondere: “Mi piacciono le mele e le arance”. In questo caso l'accento sarà posto sull'ultima parola, sottolineando che le arance sono un altro frutto che ti piace. Questa opzione in HTML sarebbe simile a questa:</p><p>Mi piacciono le mele e <b><em> </b> arance <b></em> </b>.</p><h3>Definizione di parole straniere e termini tecnici</h3><p>L'elemento i denota una parte di testo di natura diversa rispetto al contenuto circostante. Si tratta di una definizione abbastanza vaga, ma esempi comuni includono parole di altre lingue, termini tecnici o scientifici e persino pensieri umani (in contrapposizione alla parola). L'elemento i è descritto.</p><blockquote><b>Tabella 8-7:</b> Elemento i</blockquote><blockquote><b>Figura 8-5:</b> Utilizzando l'elemento s</blockquote><br><img src='https://i2.wp.com/storage.smarly.net/html5/8.5.png' width="100%" loading=lazy loading=lazy><h3>Identificazione del testo importante</h3><p>L'elemento forte denota un passaggio di testo importante. Questo elemento è descritto in.</p><blockquote><b>Tabella 8-9:</b> Elemento forte</blockquote><blockquote><b>Figura 8-7:</b> Utilizzando l'elemento u</blockquote><br><img src='https://i1.wp.com/storage.smarly.net/html5/8.7.png' width="100%" loading=lazy loading=lazy><h3>Aggiunta di caratteri piccoli</h3><p>L'elemento piccolo denota un carattere piccolo ed è spesso utilizzato per qualificazioni e chiarimenti. B rappresenta l'elemento piccolo.</p><blockquote><b>Tabella 8-11:</b> elemento piccolo</blockquote><blockquote><b>Figura 8-8:</b> Utilizzando l'elemento piccolo</blockquote><br><img src='https://i1.wp.com/storage.smarly.net/html5/8.8.png' width="100%" loading=lazy loading=lazy><h3>Aggiunta di un apice e un pedice</h3><p>È possibile utilizzare gli elementi sub e sup per denotare rispettivamente apice e pedice. Gli apici vengono utilizzati per scrivere le parole in alcune lingue e sia l'apice che il pedice vengono utilizzati in semplici espressioni matematiche. Questi elementi sono presentati in.</p><blockquote><b>Tabella 8-12:</b> Elementi sub e sup</blockquote><blockquote><b>Figura 8-9:</b> Utilizzando gli elementi sub e sup</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">Popolare nella categoria:</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="Come creare una clip karaoke su un computer?"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Come creare una clip karaoke su un computer?</div> <a href="https://5visa.ru/it/at/sozdanie-karaoke-svoimi-rukami-kak-sozdat-karaoke-klip-na-kompyutere-eto.html" rel="bookmark" title="Come creare una clip karaoke su un computer?">Leggere</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="Per il gioco è necessaria l'app Origin, ma non è installata. FIFA 16 richiede Origin."/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Per giocare è necessaria l'app Origin, ma FIFA non è installata...</div> <a href="https://5visa.ru/it/multimedia/prilozhenie-origin-neobhodimo-dlya-igry-no-ono-ne-ustanovleno-prilozhenie-origin.html" rel="bookmark" title="Per il gioco è necessaria l'app Origin, ma non è installata. FIFA 16 richiede Origin.">Leggere</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="Registrazione di una pagina personale sul social network Facebook"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Registrazione di una pagina personale sul social network Facebook</div> <a href="https://5visa.ru/it/multimedia/zaregistrirovat-dve-stranicy-facebook-na-odin-nomer-registraciya-lichnoi.html" rel="bookmark" title="Registrazione di una pagina personale sul social network Facebook">Leggere</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="Come eseguire una semplice scansione Nmap Nmap"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Come eseguire una semplice scansione Nmap Nmap</div> <a href="https://5visa.ru/it/installation-and-configuration/setevoi-skaner-nmap-i-ego-vozmozhnosti-kak-zapustit-prostoe-skanirovanie.html" rel="bookmark" title="Come eseguire una semplice scansione Nmap Nmap">Leggere</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">Articoli Recenti</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">Come ruotare un'immagine di qualche grado...</div> <div class="clr"></div> <a href="https://5visa.ru/it/internet/kak-povernut-izobrazhenie-v-vorde-i-eshche-neskolko-priemov.html">Leggere</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">Disattivazione della pubblicità nel browser Yandex Dove...</div> <div class="clr"></div> <a href="https://5visa.ru/it/tips/kak-otklyuchit-blokirovku-reklamy-v-brauzere-yandeks-otklyuchenie-reklamy-v-yandeks.html">Leggere</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">Risoluzione dei problemi di connessione Wi-Fi su...</div> <div class="clr"></div> <a href="https://5visa.ru/it/problems/shlyuz-ustanovlennyi-po-umolchaniyu-ne-dostupen-ustranenie-problem-s-wi-fi.html">Leggere</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">Cambia password sul profilo Windows 10</div> <div class="clr"></div> <a href="https://5visa.ru/it/education/pomenyat-parol-na-profile-vindovs-10.html">Leggere</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">Istruzioni per la configurazione dei router wireless...</div> <div class="clr"></div> <a href="https://5visa.ru/it/at/pravilnaya-nastroika-wi-fi-routera-asus-rt-g32-instrukciya-po-nastroike.html">Leggere</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">Come scegliere un disco rigido e quale è meglio acquistare...</div> <div class="clr"></div> <a href="https://5visa.ru/it/multimedia/kakaya-skorost-zhestkogo-diska-horoshaya-kak-vybrat-zhestkii-disk-i.html">Leggere</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 per i manichini. Chiamate e rubrica....</div> <div class="clr"></div> <a href="https://5visa.ru/it/internet/meizu-dlya-chainikov-zvonki-i-adresnaya-kniga-storonnie-prilozheniya-dlya.html">Leggere</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">Scarica il programma PDFMaster</div> <div class="clr"></div> <a href="https://5visa.ru/it/program/smotret-pdf-faily-skachat-programmu-pdfmaster.html">Leggere</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>Internet. Multimedia. Navigatore. Formazione scolastica. DI. Firmware. Programmi. Consiglio. Installazione</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="">Edizione del progetto</a></li> <li><a href="">Pubblicità sul sito web</a></li> </ul> <ul> <li><a href="https://5visa.ru/it/feedback.html">Contatti</a></li> <li><a href="https://5visa.ru/it/sitemap.xml">Mappa del sito</a></li> </ul> </div> </div> </div> <div class="copyright">© 2023Internet. Multimedia. Navigatore. Formazione scolastica. DI. Firmware. Programmi. Consiglio. Installazione</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="Scorri fino all'inizio">Superiore</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>