Elenchi puntati e numerati HTML: basi teoriche
Questo tutorial in forma accessibile per i principianti delinea le regole e i modi per utilizzare elenchi puntati e numerati. HTML è un linguaggio di markup che inizia ad apprendere le tecnologie web. Come ogni punto di partenza, non ha fondi sufficienti per tradurre le sue idee su una pagina web. Ma questi confini, che racchiudono una natura creativa, possono essere spinti a parte ricorrendo ad alcune tecniche.
applicazione
Non cede all'immaginazione che nell'Internet moderno, pieno di contenuti interattivi, c'è un sito senza testo. Anche sui cosiddetti stock stock (una risorsa web per la memorizzazione di immagini), ogni immagine ha una didascalia.
Il testo è l'informazione di base ricevuta dall'utente, per il quale si sposta da una pagina all'altra. La sua attenzione attirerà e rimanderà esattamente quella fatta professionalmente. Ci sono leggi e regole per strutturare gli articoli sia nel settore della stampa che nel layout delle pagine web. Sono creati per una migliore percezione delle informazioni, per la bellezza dell'apparenza e per il risparmio del tempo del visitatore. E anche contribuire a un maggiore traffico del sito.
Una tecnica di successo è l'unione di lunghi trasferimenti alle liste. E quando divulgare un argomento difficile da comprendere, spesso devi usare liste annidate. Avendo preso la sua decisione, i futuri programmatori web saranno obbligati ad obbedire alla volontà del cliente e dovranno imporre una pagina sul layout fornito. Le tecniche per la presentazione di informazioni testuali sono facili da apprendere e sono raccomandate per l'uso.
tipi
Il testo utilizza due tipi di elenchi: numerati e puntati. Entrambi i tipi vengono utilizzati attivamente. Sebbene possano essere distinti visivamente, ma hanno un significato diverso.
Un elenco numerato in HTML viene utilizzato quando si elenca un numero predeterminato di punti e sono separati gli uni dagli altri dai numeri. Spesso il loro numero è indicato nell'elenco delle frasi precedenti. Esempio: "Tre tipi di specialisti lavorano su un sito web professionale:
- Web Designer.
- Specialista di contenuti.
- Programmatore web. "
Un elenco puntato separa gli articoli gli uni dagli altri con i marcatori - piccoli elementi grafici (punti, zecche). Viene utilizzato nei casi in cui il numero di enumerazioni non è definito e l'esistenza di altre è implicita: "I più accessibili per i principianti che studiano l'HTML sono i seguenti autori nei loro libri:
- C. Mussiano;
- B. Henick;
- N. Komolova;
- E. Polonskaya.
È necessario seguire questa regola nella maggior parte dei casi, ma ci sono delle eccezioni quando contraddice il design del sito creato o il contesto lo richiede.
Lista numerata
Per creare un elenco numerato, HTML utilizza una coppia di tag.
- ...
L'output predefinito è Numeri arabi ma usando determinati parametri di tag
| tipo | Parametro e valore | Cosa succede |
| Grandi lettere latine | type = "A" | la B C |
| Lettere latine maiuscole | type = "a" | un B c |
| Grandi numeri romani | type = "I" | io II III |
| Piccoli numeri romani | type = "i" | io ii iii |
Come fare una lista numerata in HTML (compresi i numeri con parentesi) è considerata nel processo di apprendimento dei CSS.
Elenchi con tag
La marcatura di questo tipo di elenchi viene effettuata con l'aiuto del tag.
- e ha la seguente sintassi:
- ...
- ...
Se si prende l'esempio precedente e si modifica il tag
- su
- mele;
- le arance;
- le banane;
- cetrioli;
- patate;
- carote.
- frutta
- mele;
- le arance;
- banane.
- verdure
- cetrioli;
- patate;
- carote.
- frutta
- 1,1 mele:
- Antonovka
- Riempimento bianco
- 1,2 arance;
- 1,3 banane
- 1,1 mele:
- , si scopre che:
La marcatura circolare nera è l'impostazione predefinita. Inoltre, ci sono altri due tipi:
| tipo | Parametro e valore | Cosa succede |
| anello | type = "circle" | ° javascript |
| piazza | type = "square" | ¤ PHP |
Lista annidata
A volte diventa necessario utilizzare un elenco numerato di HTML con elementi secondari in una pagina del sito che assomiglia a questo:
1. Frutta:
2. Verdure:
Per fare ciò, devi prima decidere quale sia la lista principale, e nel markup, inserirne un'altra nella giusta posizione, seguendo rigorosamente le regole per la codifica. Se prendiamo l'esempio preso in considerazione, il markup sarà simile a:
Di conseguenza, il browser mostrerà:
È possibile creare un elenco numerato a più livelli. HTML non limita i web designer nel numero di allegati:
Il codice di markup per questo esempio è il seguente:
- 1,1 cetrioli;
- 1,2 patate;
- 1,3 carote.
Va notato che i tag sono utilizzati negli allegati.
- e i sottoparagrafi (1.1, 1.2 ...) sono scritti manualmente. I marker vengono visualizzati dal browser e un diverso tipo viene visualizzato con ogni nuovo allegato. Non sembra molto bello, ma come liberarsene, puoi imparare nel processo di apprendimento dei CSS. Non è possibile rimuovere i marcatori usando puro HTML.
La cosa principale qui - osservare con precisione l'annidamento dei tag. Errori, errori di battitura porteranno a un risultato distorto!
Marcatori propri
Le caratteristiche HTML per tipo di marcatore sono molto limitate. C'è un modo per aggirare questo ostacolo. Per fare questo invece dei tag
- e
- inserire immagini con l'indirizzo di esse e un tag di interruzione di riga
alla fine
Il metodo proposto solo esternamente su una pagina Web ha l'aspetto di una lista, e in effetti è la sua imitazione e un'alternativa al noioso insieme standard di HTML. Questo trucco non è considerato un codice "cattivo" e supera la convalida senza ostacoli.
È adatto a coloro che, almeno a livello iniziale, possiedono un qualsiasi editor grafico (GIMP, Photoshop). Questo è necessario per disegnare oggetti grafici da usare come marker. Con l'aiuto degli editori, devi anche regolare la dimensione delle immagini per il testo.
Ai fini della formazione, puoi utilizzare le icone di altre persone nelle tue pagine di test, ma non usarle su siti accessibili alla visione pubblica, tenendo presente la legge sul copyright. Ci sono abbastanza fonti su cui l'uso della grafica per i propri scopi non è limitato. Tuttavia, prendere in prestito materiale di qualcun altro è considerato di cattivo gusto e non è consigliato per creare un sito web più o meno professionale.