Un compito

Aggiungi un rientro alla prima riga di ogni paragrafo.

Soluzione

Quando si tratta di impostare il rientro del paragrafo, noto anche come linea rossa, è meglio utilizzare la proprietà di stile del rientro del testo. Il suo valore determina di quanto spostare il testo della prima riga a destra dalla sua posizione originale. La larghezza del blocco di testo non cambia e rimane inizialmente impostata. La quantità di riempimento può essere specificata in pixel, percentuali o altre unità disponibili (esempio 1).

Esempio 1: rientro della prima riga

HTML5 CSS 2.1 IE Cr Op Sa Fx

La pandemia babilonese, secondo la tradizione biblica, è il tentativo fallito del re Nimrod di costruire un pilastro a Babilonia alto quanto il cielo. Dio, arrabbiato con le persone per il loro desiderio sconsiderato, decise di punire i costruttori: mescolò il loro linguaggio affinché non capissero più l'un l'altro, furono costretti a interrompere la costruzione e gradualmente si dispersero in tutto il mondo. Da qui, come spiegavano gli antichi, è passata la differenza di lingue.

Nel solito concetto, pandemonio babilonese significa disordine, confusione con una grande folla di persone.

Risultato questo esempio mostrato in fig. uno.

La linea rossa html può essere impostata su 4 diversi modi. Sebbene ci siano determinati standard per questo fenomeno data lingua la programmazione non prevede, quindi non ci sono restrizioni al riguardo. In questo articolo, utilizzeremo un set di strumenti non proprio standard per creare una linea rossa.

1a via

Dovresti iniziare con il modo più comune. Solo in questo caso è necessario utilizzare tabelle a cascata, perché i CSS sono indissolubilmente legati al linguaggio di markup dell'ipertesto. La linea rossa di html può essere impostata utilizzando la proprietà "text-indent". È sufficiente specificare l'elemento desiderato e la distanza che verrà utilizzata per il rientro sul lato sinistro del documento. Ad esempio, la voce: "p (text-indent: 20px;)" significa che verrà creata una linea rossa di 20 pixel in ogni p paragrafo. Qualsiasi blocco di testo può essere utilizzato come elemento per il quale è specificato il valore. In realtà data proprietà non imposta una linea rossa, ma specifica semplicemente il rientro per la prima riga dell'elemento selezionato. Ma chi noterà la differenza? La proprietà "text-indent" può richiederne tre diverso tipo i valori:

• Qualsiasi unità di misura comune, come px (pixel), in (pollici), pt (punti) e altre.
• Valore percentuale. In questo caso, viene presa in considerazione la distanza dall'elemento padre.
• Ereditare. Quando specifichi dato valore la proprietà verrà ereditata dall'elemento padre.

2a via

In html, la linea rossa può essere impostata senza includere le tabelle a cascata. È sufficiente mettere diversi spazi prima del primo carattere nel codice sorgente della pagina. Solo tu devi usare caratteri speciali, vale a dire "", perché se inserisci uno spazio normale, ne verrà preso in considerazione solo uno. E utilizzando questo simbolo è possibile impostare il rientro desiderato. Una tale riga HTML rossa non avrà un effetto globale e dovrai inserire tutti gli spazi manualmente. Questo meno ti caricherà notevolmente quando lavori con un gran numero di documenti. Inoltre, questo metodo dichiarerà il codice della tua pagina non valido.

3a via

Conclusione

In conclusione, possiamo dire che html insieme ai CSS ti permette di fare un'ampia varietà di effetti. A volte le proprietà e gli elementi vengono utilizzati per altri scopi, ma non devi deviare troppo dal significato standard dei tag.

Per dargli un certo stile, devi posizionare il testo nell'apposito contenitore.

Tutti i tag di formattazione possono essere suddivisi in tre gruppi:

1. Tag del titolo ( h1-h6).

2. Design tag del testo principale ( , , ,

, 
 eccetera.).
3. Raggruppamento di tag ( 

, 

, 

)

Tag del titolo
Trasforma il testo normale in un'intestazione di un certo livello.  Etichetta 

 crea un'intestazione di primo livello - la più grande e importante (di solito il titolo dell'articolo nella pagina), 

è responsabile dell'intestazione del sesto livello, il più piccolo e poco appariscente.  Questi tag sono importanti sia per gli utenti che per i motori di ricerca: i titoli con sottotitoli sono amati da entrambi.  La gerarchia dei livelli deve essere rispettata, cioè per 

 devo andare 

, e non viceversa.

Per capire come funziona, inserisci il seguente codice nel file html:
 
Intestazione di primo livello
Intestazione di secondo livello
Intestazione di terzo livello
Intestazione di livello 4
Intestazione di livello 5
Intestazione di livello 6

Apparirà così nel browser:
Tag di progettazione del testo del corpo
Consenti formattazione a livello di carattere.  Vediamo cosa puoi fare con loro.
Carattere in grassetto
Necessario concentrarsi sul testo.  È anche importante per i motori di ricerca, possono evidenziare le parole chiave.
Responsabile per i tag in grassetto 
 e .

Apice e pedice
Possono essere utilizzati in formule, equazioni, notazioni di alcune quantità.
Il tag è responsabile della creazione degli indici 
, viene utilizzato il tag superiore 
.
X 1=32 m 2
Riducendo le dimensioni
Se devi rendere il testo uno in meno rispetto a quello impostato sull'intera pagina, devi utilizzare il tag 

Testo normale. Testo ridotto.
Sottolineare
Questo tipo di evidenziazione può essere utilizzato per indicare le modifiche apportate a un documento o semplicemente per enfatizzare il testo.
Testo normale. Testo sottolineato.
Barrato
Puoi cancellare le informazioni se hanno già perso la loro rilevanza.  Progettato per questo tag 
.
Corsivo
Necessario per focalizzare l'attenzione sul testo e può essere creato con un tag 
 o 
.

Inserimento di testo da computer
Succede che devi aggiungere il codice sorgente del programma e i risultati del suo lavoro a una pagina web.  Per facilitare la distinzione visiva tra parti del testo diverse, gli sviluppatori HTML hanno introdotto i tag di questo gruppo.
Al contenitore 
 il codice del programma è concluso, mentre le sue variabili sono evidenziate con un tag 
, e il risultato dell'esecuzione è 
.  Contenitore 
 contiene il testo che l'utente deve inserire dalla tastiera quando lavora con il programma e tutto ciò che è racchiuso nei tag 
, mantiene il formato originale, incluso spazi extra e interruzioni di riga.

  così a, b, c, qui risultato dell'esecuzione del programma , e questo è testo inserito dall'utente 
visualizzato in questo modo
.

Citazioni e definizioni
Il codice sarà simile 
 così 
, le variabili sono denotate come segue: 
 a, b, c 
, qui 
 risultato dell'esecuzione del programma 
, e questo è 
 testo inserito dall'utente 
.  Mantieni la formattazione originale 
 visualizzato in questo modo 

.

 
Citazione nel tag blockquote.
Una citazione all'interno di un contenitore di citazioni.Citazione breve con tag q.Definizione dedicata.Abbreviazione (ONG, IP).

Esempio generale
Per capire meglio di cosa è responsabile un tag e come funziona, vedere il codice seguente e il risultato della sua esecuzione.
 
Grasso il testo può essere contrassegnato forte e b.  Per corsivo Rispondere em e io.
tag sub e sup usato per creare minore(X 1…X n) e superiore (42=16) indici. Del colpisce, ins - sottolinea.
tag codice, kbd, var e campione usato raramente e necessario per visualizzare elenchi di programmi
 abbr necessario per le abbreviazioni ( HTML).  I tag blockquote, cite e q sono usati per citare ( Già il cielo respirava in autunno)
Il pre tag mantiene la formattazione originale del testo senza eliminare spazi o interruzioni di riga.

Il browser interpreta questo codice in questo modo:

Tag di raggruppamento
È necessario che il testo non vada su una riga continua, ma sia diviso in componenti logiche.
I tag contengono un paragrafo.
 
Primo paragrafo
Secondo comma


Etichetta 

 si sposta alla riga successiva all'interno di un paragrafo (non ci sarà alcun rientro prima della riga).

 consente di disegnare una linea orizzontale.  Puoi usarlo per separare più visivamente il testo.  Attributi larghezza, taglia, colore, allineare e ombra impostare rispettivamente larghezza, spessore, colore, allineamento e assenza dell'effetto 3D della linea.
 
Riga sopra la riga. 
Riga sotto riga.

Buon pomeriggio cari lettori.  Oggi una breve nota su come fare linea rossa per ogni paragrafo nella pagina html.  Se qualcuno non lo sa, la linea rossa è il rientro della prima riga in un blocco di testo.  Tale rientro nei paragrafi può essere trovato in quasi tutti i testi stampati, ma durante la creazione di siti Web il design della linea rossa è piuttosto raro, nonostante renda il testo molto più leggibile.  Nel caso in cui il cliente improvvisamente richieda che i paragrafi del suo sito inizino con una linea rossa, allora ti do una semplice ricetta per risolvere questo problema.
Puoi risolvere il problema in molti modi, ad esempio puoi inserire più parole di seguito all'inizio di ogni paragrafo. personaggi speciali ma potrebbe volerci abbastanza un gran numero di volta.  Pertanto, consiglio di utilizzare la proprietà CSS per creare una linea rossa indentatura del testo, che imposta rientro della prima riga blocco di testo.  In questo caso, non viene effettuato alcun effetto sulle righe rimanenti.
La proprietà text-indent ha una sintassi semplice:
indentatura del testo:<значение> | <проценты>|  ereditare
Come valori, puoi specificare pixel (px), punti (pt) e altre unità accettate in CSS.  Il valore determina di quanto spostare il testo della prima riga a destra rispetto alla posizione originale.  È consentito specificare valori negativi, quindi il testo si sposterà a sinistra.  Quando si specificano valori percentuali, il rientro della prima riga viene calcolato in base alla larghezza del blocco di testo.
Se la linea rossa deve essere aggiunta a un solo paragrafo, puoi farlo:

Risultato:
C'era una quercia sul ciglio della strada.  Era probabilmente dieci volte più vecchio delle betulle che formavano la foresta, dieci volte più fitto e due volte più alto di ogni betulla.  Era un'enorme quercia a due circonferenze, con rami spezzati e corteccia ricoperta di vecchie piaghe.  Con mani e dita enormi, goffe e asimmetricamente tese e goffe, stava in piedi tra le betulle sorridenti come un vecchio mostro arrabbiato e sprezzante.  Solo lui solo non voleva sottomettersi al fascino della primavera e non voleva vedere né la primavera né il sole.
Oppure aggiungi l'attributo class ai paragrafi che dovrebbero iniziare con una linea rossa e aggiungi lo stile desiderato:


Il principe Andrei guardò più volte questa quercia mentre cavalcava attraverso la foresta.  C'erano fiori ed erba sotto la quercia, ma lui stava ancora in mezzo a loro, cupo, immobile, brutto e testardo. 


Risultato:
Il principe Andrei guardò più volte questa quercia mentre cavalcava attraverso la foresta.  C'erano fiori ed erba sotto la quercia, ma lui stava ancora in mezzo a loro, cupo, immobile, brutto e testardo.
Ora puoi facilmente fai una linea rossa sul tuo pagine html
.  A presto!
Ciao!  Continuiamo a considerare le basi della programmazione di siti web.  Difficile immaginarne almeno uno, nel cui codice non comparirebbe il tag paragrafo.  Oggi considereremo come scriverlo correttamente e una descrizione di diverse azioni aggiuntive con il testo.
 
Esempio
 
Diamo un'occhiata a un esempio di come creare un paragrafo in codice HTML.
 
 
Una o più offerte.

 
Un prerequisito è la presenza di un tag di apertura e chiusura.  A proposito, tutto può essere fatto direttamente in Blocco note, proprio in quel momento dovrai salvare il file nel formato appropriato.
 
Formattazione
 
Abbastanza spesso noto che le persone sono interessate a come creare una linea rossa.  Per un paragrafo particolare, è molto semplice.
 
L'abilitazione di queste opzioni farà rientrare la prima riga di 15 pixel dal bordo sinistro.  Se tali modifiche dovessero essere applicate a tutti i tag P, allora nel file CSS che è collegato alle pagine del sito, puoi scrivere il codice riportato di seguito.
 
Personalmente, di solito non faccio linee rosse quando modifico il codice nel blocco note o in un altro editor.
 
Includo solo il riempimento tra i blocchi di testo.  Per fare ciò, è necessario scrivere parametri speciali in CSS.
 
 
p(margine-basso:25px;)
 
Se usi questo design, dopo ogni paragrafo apparirà un rientro di 25 pixel.
 
In effetti, ci sono molte opzioni per lavorare con HTML e vari stili.  Ne ho descritti solo alcuni, è molto difficile coprire tutto in un articolo.
 
Voglio sapere di più?  Potresti trovare utili i miei post precedenti sui seguenti argomenti:
 
Su questo completerò l'articolo e, penso, ora non sarà difficile creare paragrafi in HTML e disporli magnificamente con l'aiuto di tag speciali.
 
Ti auguro un grande successo nell'imparare a programmare.  A proposito, hai pensato di fare soldi su siti informativi non commerciali?  Ha semplicemente fornito ottime informazioni per i suoi lettori a.
 
Il lavoro normale e le finanze online sono gli argomenti chiave di questo blog.  Puoi familiarizzare subito con i singoli potenziali clienti online dai materiali pubblicati.  Continuo a preparare e pubblicare contenuti nuovi e, soprattutto, davvero utili.  Iscriviti agli aggiornamenti di Workip sul tuo e-mail.  Fino alla comunicazione.