Ci sono vari problemi di progettazione da affrontare durante la creazione di una pagina web. Una delle domande più comuni è come cambiare il colore del testo in HTML. È abbastanza semplice risolverlo e ci sono due modi diversi.
Impostazione di un attributo di stile di testo in linea
Per capire come cambiare il colore del testo in HTML, basta guardare l'elenco degli attributi della casella di testo. Tra questi ci sono una serie di valori che determinano lo stile del testo racchiuso in questi tag, che sono specificati nella parola chiave style.
Per cambiare il colore del testo è sufficiente inserire la parola style \u003d "" nell'area selezionata del campo di testo all'interno del tag di apertura. All'interno di questo attributo, puoi specificare vari valori di parametro: il valore dell'attributo color è responsabile della modifica della tonalità di colore del testo. Specificando questo parametro, dopo i due punti, è necessario specificare il colore in cui verranno dipinti tutti i caratteri in questo campo. In questo caso, quando si definisce una tonalità, è possibile specificare sia un valore di colore esplicito, ad esempio rosso o giallo, sia il suo valore esadecimale o rgb.
Indipendentemente dal metodo scelto per determinare il colore, il risultato sarà lo stesso nel caso della stessa scelta di tonalità. Pertanto, tutti i tre esempi seguenti apporteranno le stesse modifiche al testo: lo coloreranno di giallo.
1.
testo
2.
testo
3.
testo
Cambiare colore usando CSS
L'utilizzo di un foglio di stile ti permette anche di decidere come cambiare il colore del testo in HTML. CSS è completamente supportato da tutte le versioni moderne di HTML e consente inoltre di applicare lo stile a più elementi di pagina contemporaneamente.
Per capire come cambiare il colore del testo in HTML utilizzando i CSS, non è necessario comprendere il linguaggio formale di definizione dell'aspetto. Per definire gli attributi di un elemento, è necessario creare una descrizione CSS scritta all'interno del tag
, ed è definito dal tagFuori dal diritto mondiale
La legge del mondo esterno deduce metodologicamente il mondo intelligibile, sebbene nell'ufficialità sia accettato il contrario.
Il risultato di questo esempio è mostrato in Fig. 1.
Figura: 1. Colore di sfondo sotto il testo del titolo
Notare che la dimensione del rettangolo colorato è influenzata non solo dalla dimensione del testo, ma anche dal riempimento intorno ad esso. Pertanto, regola la dimensione dello sfondo con la proprietà padding, aggiungendola di nuovo al selettore h1.
Data di creazione: 2009-11-18
Quindi, ora è il momento di studiare, come cambiano i colori il testo che hai inserito. Questa lezione consisterà in 2 parti... In coloreremo una parte separata del testo e in, creeremo l'intero testo in un colore e la parte necessaria di esso in un colore diverso.
1 parte
Sebbene tutti i colori in HTML siano scritti in un modo insolito, questo è molto semplice. Per prima cosa, ti suggerisco di scaricare la tavolozza dei colori web facendo clic sulla parola TAVOLOZZA oppure cerca in Internet una versione più completa. Accanto a ogni colore nella tavolozza che hai trovato, ci sarà un codice (lettere e numeri inglesi). Affinché il nostro colore sia, ad esempio, blu, dobbiamo scrivere il seguente tag:
Ciao! Introduzione all'HTML
Cioè, questo è quello che abbiamo:
1.
il testo è racchiuso in un tag
...
2.
etichetta
ha attributo color (color) \u003d # 0000FF
Ora torniamo al nostro esempio e guardiamo tutto visivamente. Apri di nuovo la pagina creata in precedenza in Blocco note e cambia il colore del carattere:
Aggiorniamo la pagina HTML e controlliamo cosa è successo:
Risultato: La prima riga è ora blu e la seconda è il nero predefinito.
Allo stesso modo, puoi colorare qualsiasi parte necessaria del testo, indipendentemente da dove si trova, all'inizio, al centro o alla fine del testo.
2.part
Ora noi imposta il colore per l'intero testo del documento... Questo è fatto molto facilmente. Ricordiamo il nostro terzo articolo. In esso abbiamo detto che tutto ciò che si attiva visibile nel browser è scritto nel tag ... , cioè nel "corpo" del nostro documento.
E il modo in cui lo sappiamo ... - è anche un tag, quindi, possiamo lui, oltre che un tag ... , imposta gli attributi richiesti.
In questo caso, il colore è impostato nel tag di apertura e la voce sarà simile a questa: Tutto il testo nel tuo documento
In questo caso, l'intero testo del documento, ad eccezione di quello racchiuso tra tag ... con un'assegnazione di colore, si sveglia per essere rosso.
Ora diamo un'occhiata a questa parte dell'articolo con un esempio. Assegniamo il colore rosso all'intero testo del documento e lasciamo il testo che abbiamo reso blu nella parte 1. Per fare ciò, basta scrivere il codice nel tag di apertura :
Quindi, come sempre prima della visualizzazione, salviamo il documento:
Infine, aggiorniamo la pagina HTML nel browser:
Risultato: Abbiamo imparato come impostare il colore richiesto per l'intero testo del documento, nonché come rendere parte del testo in un colore diverso.
