Oggi ti dirò come creare parole in grassetto su un sito web usando HTML e CSS. Questo design viene utilizzato quando è necessario evidenziare determinate informazioni su una pagina. Inoltre, stiamo parlando non solo di titoli, ma anche di semplici parole, frasi nel testo. Questo è implementato in modo abbastanza semplice.
Per evidenziare un determinato testo in grassetto, vengono utilizzati speciali tag HTML - e ... Ad esempio il seguente codice:
| Testo normale. Miniatura. Testo in grassetto forte. |
Testo normale.
Miniatura.
Testo in grassetto forte.
L'output fornisce la seguente immagine:
Le ultime due opzioni sembrano visivamente uguali, ma differiscono leggermente l'una dall'altra. Etichetta specifica la semplice audacia stilistica di una parola, mentre aggiunge un certo significato semantico "potenziato" (importante). Cioè, l'ultima riga non è solo testo in grassetto, ma alcune informazioni importanti. In linea di principio, per i motori di ricerca si consiglia di utilizzare esattamente .
Puoi anche incontrare testo in grassetto in HTML con stili:
Un esempio di testo in grassetto.
Testo di esempio con grassetto parola.
Il sito lo mostra così:
Sebbene il codice HTML in grassetto funzioni correttamente, non dovrebbe. Tutti gli stili di progettazione devono essere resi in un file CSS. Pertanto, nell'esempio sopra, dovevi per i tag
E specifica la classe appropriata, quindi scrivi il suo aspetto nel foglio di stile. Queste sono le regole per la codifica. Quindi per il grassetto in HTML, usa il tag .
Testo CSS in grassetto
Per rendere i CSS in grassetto, viene utilizzata la proprietà font-weight. Con il suo aiuto, viene indicata la "saturazione" del frammento di testo. I valori possono variare da 100 a 900, ma quelli più comunemente usati sono:
- grassetto (grassetto) - 700 per impostazione predefinita;
- normale - 400 per impostazione predefinita.
Ci sono anche opzioni per i valori più in grassetto e più chiaro, che cambiano il carattere a seconda del genitore in più o meno grassetto, rispettivamente.
Per impostare il testo in grassetto in CSS, devi impostare uno stile per questo o quell'elemento, ad esempio:
Testo normale con scarico oleoso al centro.
forte (carattere-peso: grassetto;)
Qui vorrei notare una piccola sfumatura di cui mi è stato detto: se crei una nuova classe per qualche elemento, allora è consigliabile usare un nome più o meno "comprensibile". Ad esempio, nell'esempio sopra, lo stile class = "my-bold-font" sembra più logico di class = "new-font", perché puoi in parte comprenderne lo scopo. Questo è un vantaggio per coloro che guarderanno e utilizzeranno il tuo layout in futuro.
Nel prossimo articolo, ti parlerò di alcuni caratteri in grassetto interessanti che sono riuscito a trovare.
Uno dei modi più semplici per evidenziare una parola o una frase nel testo è utilizzare caratteri diversi. Quindi puoi sottolineare una parola o una frase, l'uso di pagine in grassetto ti consente di evidenziare facilmente le parole usando stili diversi: corsivo, sottolineato, grassetto.
Il grassetto come modo per evidenziare la cosa principale
Le parole più sorprendenti e accattivanti appaiono evidenziate in grassetto. Tali parole e frasi catturano immediatamente l'attenzione. Quindi, per imparare a selezionare rapidamente i posti necessari nel testo, dovresti ricordare lo speciale codice HTML. Il grassetto viene impostato utilizzando un tag associato.
Prima di una parola o frase, una frase che dovrebbe essere evidenziata, viene posizionato un tag di apertura ... Dopo l'ultima lettera del testo da selezionare, c'è un tag di chiusura... Qualsiasi cosa tra questi due tag è in grassetto quando viene visualizzata in un browser.
Altre opzioni di selezione
Quindi, abbiamo scoperto che puoi selezionare il testo usando uno stile diverso. Abbiamo stabilito che il modo più semplice e allo stesso tempo efficace è utilizzare l'HTML in grassetto. Ora parliamo di altre opzioni di selezione.
Quindi, puoi evidenziare il testo in corsivo usando il tag associato , sottolinealo con ... Questi sono i modi più semplici per selezionare il testo.
Esistono anche tag meno conosciuti e utilizzati che possono essere utilizzati per evidenziare parole e frasi nel testo. Quindi, per cancellare il testo, è sufficiente usare ... Un tag abbinato aiuterà a rendere il testo monospazio. ... Se hai bisogno di creare apice usa , parte inferiore - .
In questo caso, come prima, il testo di cui hai bisogno deve trovarsi tra i tag di apertura e chiusura. Come puoi vedere, non c'è nulla di difficile, l'importante è ricordare questi codici o scriverli.
Utilizzo di più caratteri
Se vuoi rendere il testo più espressivo, puoi usare qualcosa di più del semplice grassetto. Il markup HTML ti consente di evidenziare contemporaneamente una parola utilizzando più facce. Quindi, puoi rendere una parola in grassetto, barrata e in corsivo allo stesso tempo.
Allo stesso tempo, è necessario ricordare una cosa: tutti i tag devono essere chiusi in sequenza. Ad esempio, la voce corretta potrebbe essere:
- il testo selezionato.
Se chiudi i tag in un ordine diverso, il testo non verrà evidenziato correttamente. Un esempio di inserimento errato:
- il testo selezionato.
In questo caso, il browser si confonderà e non capirà esattamente cosa vuoi da esso.
A proposito, qui si può notare che le tre varianti dello stile - grassetto, sottolineato e corsivo - sono facili da ricordare se conosci i tasti di scelta rapida in Word. Lì, lo stile viene impostato utilizzando gli stessi tasti delle lettere mentre si tiene premuto Ctrl.
Come puoi vedere, puoi usare più del corsivo o del grassetto. Il markup HTML ti consente di evidenziare le parole con la stessa facilità di Word normale.
conclusioni
Per evidenziare il testo, sono ampiamente utilizzati non solo una varietà di colori e sfumature, diverse dimensioni e tipo di carattere, ma anche il suo stile. Inoltre, è con l'aiuto di un contorno diverso che l'uno o l'altro frammento del testo può essere facilmente e facilmente distinguibile.
Per cambiare lo stile del carattere, dovresti usare qualsiasi tag che conosci. Il carattere in grassetto di una pagina HTML è il più sorprendente e visibile, e quindi viene utilizzato più spesso per dare enfasi.
27/11/14 88,7KIn html, la dimensione del carattere gioca un ruolo importante. Consente di attirare l'attenzione dell'utente su importanti informazioni pubblicate sulla pagina del sito. Sebbene non solo la dimensione delle lettere sia importante, ma anche il loro colore, spessore e persino la famiglia.
Tag e attributi durante la scansione con caratteri html
Il linguaggio ipertestuale ha un ampio set di strumenti per lavorare con i caratteri. Dopotutto, è la formattazione del testo il compito principale di html.
Il motivo della creazione del linguaggio HTML è stato il problema della visualizzazione delle regole di formattazione del testo nei browser.
Considera i tag che vengono utilizzati per lavorare con i caratteri in html e i loro attributi. Il principale è il tag ... Utilizzando i valori dei suoi attributi, puoi impostare diverse caratteristiche del carattere:
- color - imposta il colore del testo;
- size - dimensione del carattere in unità convenzionali.
Sono supportati i valori degli attributi positivi da 1 a 7.
- face - utilizzato per impostare la famiglia di caratteri del testo da utilizzare all'interno del tag ... Sono supportati più valori contemporaneamente, separati da virgole.
Viene formattato solo il testo tra le parti del tag dei caratteri accoppiati. Il resto del testo viene visualizzato con il carattere standard predefinito.
Anche in html ci sono un certo numero di tag accoppiati che specificano solo una regola di formattazione. Questi includono:
- - imposta il carattere in grassetto in html. Etichetta l'azione è simile alla precedente;
- - la dimensione è maggiore di quella predefinita;
- - dimensione del carattere più piccola;
- - testo in corsivo. tag simile ;
- - testo sottolineato;
- barrato;- - visualizzare il testo solo in minuscolo;
- - in maiuscolo.
Testo normale
Miniatura
Miniatura
Più del solito
Meno del solito
Corsivo
Corsivo
Sottolineato
barrato
Funzionalità degli attributi di stile
Oltre ai tag descritti, ci sono molti altri modi per cambiare il carattere in html. Uno di questi è l'uso dell'attributo di stile generico. Utilizzando i valori delle sue proprietà, puoi impostare lo stile di visualizzazione del carattere:
1) font-family - la proprietà imposta la famiglia di font. È possibile l'enumerazione di più valori.
La modifica del carattere in html al valore successivo avverrà se la famiglia precedente non è installata sul sistema operativo dell'utente.
Sintassi di scrittura:
famiglia di caratteri: nome del carattere [, nome del carattere [, ...]]
2) font-size - la dimensione è impostata da 1 a 7. Questo è uno dei modi principali per aumentare il carattere in html.
Sintassi di scrittura:
font-size: dimensione assoluta | dimensione relativa | valore | interesse | ereditare
La dimensione del carattere può anche essere impostata:
- In pixel;
- In valore assoluto ( xx-piccolo, x-piccolo, piccolo, medio, grande);
- In percentuale;
- In punti (pt).
Dimensione carattere: 7
Dimensione carattere: 24px
Dimensione carattere: x-large
Dimensione carattere: 200%
Dimensione carattere: 24pt
3) font-style - imposta lo stile di scrittura del font. Sintassi:
stile del carattere: normale | corsivo | obliquo | ereditare
Valori:
- normale - ortografia normale;
- corsivo - corsivo
- obliquo - carattere inclinato a destra;
- inherit - eredita l'ortografia dell'elemento genitore.
Un esempio di come cambiare il carattere in html usando questa proprietà:
stile del carattere: eredita
stile del carattere: corsivo
stile del carattere: normale
stile del carattere: obliquo
4) font-variant - converte tutte le lettere maiuscole in maiuscole. Sintassi:
font-variant: normale | maiuscoletto | ereditare
Un esempio di come cambiare il carattere in html con questa proprietà:
font-variant: eredita
font-variant: normale
font-variant: maiuscoletto
5) font-weight - permette di impostare lo spessore della scrittura del testo (saturazione). Sintassi:
font-weight: grassetto | grassetto | più chiaro | normale | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Valori:
- grassetto - imposta il carattere grassetto html;
- più audace - più grasso rispetto al normale;
- più leggero - meno saturo rispetto al normale;
- normale - ortografia normale;
- 100-900 - imposta lo spessore del carattere in equivalente numerico.
font-weight: grassetto
font-weight: più audace
peso del carattere: più leggero
peso del carattere: normale
peso del carattere: 900
peso del carattere: 100
La proprietà del carattere e il colore del carattere html
Font è un'altra proprietà del contenitore. Internamente, ha combinato i valori di diverse proprietà progettate per cambiare i caratteri. La sintassi del carattere è:
font: font-size font-family | ereditare
Inoltre, il valore può essere impostato sui caratteri utilizzati dal sistema nelle iscrizioni sui vari controlli:
- didascalia - per i pulsanti;
- icona - per le icone;
- menù - menù;
- message-box - per finestre di dialogo;
- piccola didascalia - per piccoli controlli
- barra di stato - carattere della barra di stato.
carattere: icona
carattere: didascalia
carattere: menu
font: message-box
didascalia piccola
carattere: barra di stato
font: corsivo 50px grassetto "Times New Roman", Times, serif
La "dimensione del carattere" dovrebbe eventualmente essere divisa). Invece di uno, puoi inserire un altro numero, quindi il carattere aumenterà di un diverso numero di pixel.
Alla fine del grassetto font metti tag:< / f o n t > < / b >... Gli spazi no.
Se vuoi creare un carattere in grassetto a colori, inserisci i tag all'inizio, rimuovendo gli spazi:< b > < s p a n s t y l e = " c o l o r: b l u e " >... "Blu" - colore blu. Puoi inserire qualsiasi altro colore, se lo desideri. Alla fine del testo selezionato, inserisci i tag senza spazi:< / s p a n > < / b >
Nota
Il blog deve supportare la codifica HTML.
Fonti:
- directory di codici per siti e blog
Lo spazio è un carattere stampabile con cui le parole in testo sono separati l'uno dall'altro. È consuetudine mettere uno spazio tra due parole. Se lo rimuovi, il testo diventerà illeggibile, tuttavia, rendi il testo senza lacune o ridurre il numero lacune tra le parole è abbastanza facile. Il principio di funzionamento descritto è adatto alla maggior parte degli editor di testo, le differenze non sono troppo significative.
Istruzioni
Per vedere chiaramente le lacune in testo(non lo spazio vuoto tra le parole), passare a visualizzare i segni di paragrafo e altri caratteri di formattazione nascosti. Per fare ciò, nella scheda "Home", fare clic sull'icona "¶" nella sezione "Paragrafo". I simboli che compaiono non sono visibili durante la stampa di un documento, servono solo a facilitare l'orientamento in testo... Un carattere spazio ha l'aspetto di un punto al centro di una linea.
Esistono diversi modi per rimuovere tutti gli spazi dal testo. Posiziona il cursore davanti alla nuova parola e premi il tasto BacSpase - questo rimuoverà un carattere stampabile (spazio) a sinistra della nuova parola. Posiziona il cursore alla fine della parola e premi il tasto Canc - il carattere digitato situato a destra del cursore verrà cancellato. Ma è molto spesso scomodo modificare il testo uno per uno. Per eliminarne diversi lacune in onore del testo, selezionali con il mouse tenendo premuto il tasto Ctrl, quindi premi il tasto BackSpase.
Per rendere tutto il testo senza lacune in un'operazione, utilizzare la funzione di sostituzione. Nella scheda "Home", seleziona la sezione "Modifica", fai clic sul pulsante "Sostituisci". Nella finestra di dialogo che si apre, nella scheda "Sostituisci", inserisci uno spazio nel primo campo vuoto "Trova" (non apparirà nessun carattere visibile, ma il cursore si sposterà di un carattere a destra). Lascia libero il secondo campo "Sostituisci con". Il pulsante "Sostituisci" cerca e sostituisce un carattere stampato, consentendoti di controllare il processo di sostituzione. Il pulsante "Sostituisci tutto" consente di eliminare tutti gli elementi trovati in testo caratteri spaziali.
Se al solito testo la spaziatura tra le lettere sembra spazi, forse è stata impostata una spaziatura per loro. Per tornare alla semplice spaziatura familiare, seleziona il testo (o parte del testo) e vai alla scheda "Home". Nella sezione Carattere, fai clic sul pulsante freccia per visualizzare una finestra di dialogo. Nella finestra che si apre, vai alla scheda "Intervallo" e utilizza l'elenco a discesa per impostare i valori necessari.
Stabilirai immediatamente se è russo o tuo, se avvii un editor di testo e inizi a digitare parole. Per passare dal latino al cirillico (dall'inglese al russo), fare clic sull'icona "Barra della lingua" con il tasto sinistro del mouse. Nel menu a discesa con il tasto sinistro del mouse, seleziona la riga "Russo" - la lingua di input cambierà. Dalla tastiera, il passaggio da una lingua all'altra avviene premendo i tasti Alt e Maiusc o Ctrl e Maiusc.
È possibile configurare opzioni aggiuntive per l'immissione di testo e la visualizzazione della barra della lingua nella finestra Opzioni internazionali e della lingua. Chiamalo facendo clic sul pulsante "Start" e selezionando sul "Pannello di controllo" nella categoria "Data, ora, lingua e standard regionali" l'icona "Opzioni internazionali e della lingua". Vai alla scheda Lingua e fai clic sul pulsante Dettagli nella sezione Servizi di immissione di lingua e testo.
Nella finestra di dialogo aggiuntiva che si apre, vai alla scheda "Opzioni" e fai clic sul pulsante "Barra della lingua" situato nella parte inferiore della finestra. Posiziona un marker nei campi necessari per personalizzare la visualizzazione della "Barra della lingua". Facendo clic sul pulsante "Opzioni tastiera", è possibile impostare con quali tasti si passerà dall'inglese all'inserimento delle parole. Applica nuove impostazioni, chiudi finestre.
Un modo rapido per creare una scritta in stile dorato consiste nell'applicare un riempimento sfumato e un rilievo a un livello di prova. Tutti questi parametri possono essere regolati nella finestra di dialogo degli stili di livello dell'editor grafico Photoshop.
Avrai bisogno
- Programma Photoshop.
Istruzioni
Apri l'immagine in cima alla quale devi rendere l'iscrizione dorata font oppure creare un nuovo documento in modalità RGB utilizzando l'opzione Nuovo del menu File. Attiva lo strumento Secchio di vernice e riempi il livello del documento creato con qualsiasi colore scuro. Questo colore non influenzerà in alcun modo le scritte, ma le lettere dorate su uno sfondo scuro appariranno molto più impressionanti rispetto a quelle chiare o trasparenti.
Crea un'iscrizione con lo strumento testo orizzontale. Lo stile del livello che modificherai sembra più naturale nei caratteri serif. È possibile modificare il carattere di un'iscrizione già realizzata selezionando il testo e scegliendo un nuovo carattere dall'elenco a discesa nel menu principale.
Riempi le lettere con un gradiente riflesso dal giallo scuro al giallo chiaro. Per fare ciò, usa l'opzione Sovrapposizione sfumatura nel gruppo Stile livello del menu Livello. Fare clic sulla barra del gradiente per aprire la finestra delle impostazioni del gradiente. Seleziona l'indicatore colorato più a sinistra, fai clic sul rettangolo colorato che appare nella finestra delle impostazioni e seleziona un colore giallo scuro dalla tavolozza che si apre. Allo stesso modo, imposta il pennarello destro su un colore giallo chiaro.
Per rendere più semplice l'abbinamento dei colori per il gradiente, apri l'immagine di un oggetto dorato in Photoshop. Per selezionare il colore più scuro nel gradiente, fai clic sulla parte più scura di questo elemento. La parte evidenziata dell'immagine ti aiuterà a far corrispondere la parte chiara del gradiente.
Nel campo Stile della finestra Impostazioni riempimento sfumatura, selezionare Riflesso. Di conseguenza, la scritta dovrebbe avere bordi scuri e un centro chiaro. Se le parti superiore e inferiore delle lettere sono più chiare del centro, seleziona la casella di controllo Inverti.
Per regolare il rilievo vai alla scheda Smusso e rilievo. Selezionare Inner Bevel dall'elenco Style e Chisel Hard dall'elenco Technique. Regola il parametro Dimensione in modo che le lettere abbiano bordi taglienti. Dall'elenco Contorno lucido, seleziona Cono, Anello o Doppio anello, a seconda dell'impostazione del testo che apparirà più realistica. Se, dopo aver regolato la lucentezza, c'è rumore sull'iscrizione, selezionare la casella di controllo Anti-aliasing.
Oro il carattere è pronto. Facoltativamente, aggiungi un bagliore esterno alle lettere andando alla scheda Bagliore esterno. I parametri Diffusione e Dimensione sono responsabili della dimensione del bagliore e Opacità, come puoi immaginare, della sua trasparenza. Puoi lasciare il colore predefinito come colore del bagliore.
Fonti:
- Testo dorato in Photoshop
I fan russi del gioco Counter Strike occupano giustamente un posto d'onore nel mondo dei "giochi". Quindi la voglia di cambiare titolo il suo server in russo sembra completamente naturale.
Istruzioni
Avvia il tuo server e apri la cartella Cstrike. Trova il file di configurazione del server denominato server.cfg e aprilo. Definire una stringa con il valore hostname e inserire il nome del server desiderato dopo la parola hostname.
Aprire il menu "File" del pannello di servizio superiore della finestra dell'applicazione e selezionare il comando "Salva con nome". Specifica la codifica UTF-8 e deseleziona il campo bom. Confermare l'applicazione delle modifiche apportate facendo clic su OK e riavviare il server.
Se non è possibile salvare il nome del server desiderato nella codifica UTF-8, creare una copia dell'intero contenuto del file server.cfg. Chiama il menu principale del sistema facendo clic sul pulsante "Start" e vai alla voce "Tutti i programmi". Espandi il link "Accessori" e avvia l'applicazione Blocco note.
Crea un nuovo documento di testo e incollaci il testo salvato del file server.cfg. Aprire il menu "File" del pannello di servizio superiore dell'applicazione "Blocco note" e selezionare il comando "Salva con nome". Immettere il valore server.cfg nel campo Nome file e selezionare l'opzione Documenti di testo dal menu a discesa nel campo Tipo di file. Specifica UTF-8 nel menu a discesa del campo "Codifica" e conferma la tua scelta facendo clic sul pulsante "Salva".
Posiziona il documento creato nel file server.cfg e salva le modifiche apportate. Riavvia il server per applicarli. Si noti che qualsiasi modifica apportata al file server.cfg dopo che il nome del server è stato modificato richiederà la ripetizione dell'operazione di cui sopra.
Nei casi in cui l'utente manca caratteri dalla raccolta standard di Windows, puoi scaricare la tua raccolta preferita dal disco o da Internet. Affinché un sistema o un programma specifico "veda" nuovi caratteri, è necessario sapere come e dove installarli.
Tutti i caratteri sul tuo computer si trovano in una cartella Caratteri dedicata. Tramite la voce "Risorse del computer" apri il disco con il sistema e trovalo nella cartella Windows. È possibile visualizzare ogni carattere nella directory specificata. Fare clic sul file di interesse con il tasto sinistro del mouse: si aprirà una nuova finestra di dialogo con una descrizione del carattere (dimensioni, versione, firma digitale e così via) e con esempi visivi di come vengono scritte le parole. accedi anche alla cartella con i caratteri in un altro modo. Fare clic sul pulsante Start o sul tasto Windows, aprire il Pannello di controllo e selezionare la categoria Aspetto e temi. Sul lato sinistro della finestra, vedrai il link "Caratteri". Cliccaci sopra con il tasto sinistro del mouse e verrai portato alla cartella desiderata. Se il "Pannello di controllo" ha un aspetto classico, la cartella con i caratteri è immediatamente disponibile. Dopo aver scaricato un carattere da Internet, copialo negli appunti utilizzando il comando "Copia" richiamato dal menu contestuale del file quando hai cliccaci sopra. In alternativa, seleziona il file e premi sulla tastiera la combinazione Ctrl e C. Apri la cartella Font e usa i tasti Ctrl e V o Maiusc e Inserisci per incollarvi un nuovo font. Inoltre, per questa operazione, puoi richiamare il comando "Incolla" nel menu "Modifica". Il carattere verrà installato Esistono programmi speciali per lavorare con i caratteri, ad esempio Font Navigator. Con queste utilità, puoi sfogliare le raccolte e installarle sul tuo computer. Dopo aver installato l'applicazione, avviala e specifica la cartella in cui sono memorizzati i nuovi caratteri. Quando l'elenco è formato, seleziona il carattere che ti interessa o più e seleziona il comando "Installa" dal menu o premi il tasto di scelta rapida previsto per questo. L'utility copierà automaticamente il nuovo font nella cartella Fonts.
Fonti:
- dove lanciare i caratteri nel 2019
Creare il tuo carattere unico è interessante non solo per designer e sviluppatori, ma anche per i normali utenti di Internet. Ci sono diversi strumenti software disponibili online per questo scopo, sia professionali che amatoriali.
In precedenza, durante la creazione di siti, era necessario utilizzare icone bitmap. Era bello, ma scomodo per una serie di motivi. Oggi, le icone vettoriali hanno sostituito le icone raster. Questa è una soluzione originale e graziosa che decorerà e rinfrescerà il tuo sito.
Saluti Amici.
Dopo un'altra lunga pausa, mi sono ricordato che non scrivevo una sola riga da molto tempo. Certo, ci sono delle ragioni per questo, perché c'è sempre qualche motivo per inventare una scusa per te stesso, giusto? Infatti ogni giorno studio il Video Corso, di cui ho già parlato un paio di volte, ma per ora non dirò altro su questo, presto scoprirete tutto.
Quindi, dal momento che non mi è venuto in mente nulla, di cosa posso scrivere. Ho deciso di guardare le statistiche, cosa interessa agli utenti Runet su HTML, WordPress, DLE e argomenti simili. E tu sai cosa? C'è ancora qualcosa da scrivere. Sembra che ci siano risposte a tutte le domande che ho trovato, ma non sempre in una forma comprensibile. E in generale è diventato interessante scrivere qualcosa del genere.
Oggi parleremo di HTML. Vale a dire, come rendere il testo in grassetto e in corsivo e parlare anche dell'evidenziazione con il colore.
Rendi il testo in grassetto.
Per rendere il testo in grassetto, non è necessario armeggiare con gli stili CSS o inventare altre complessità. HTML ha già questa capacità. Allo stesso tempo, non solo possiamo rendere il testo in grassetto, ma anche enfatizzarlo con l'aiuto della selezione. L'accento può essere posto sui motori di ricerca o su qualsiasi browser o programma speciale. La cosa principale è non esagerare con l'accentuazione del testo nell'articolo o nella pagina con alcune informazioni, poiché ciò può avere un effetto negativo almeno sulla promozione di questa pagina HTML.
Quindi, per rendere il testo in grassetto, possiamo usare il tag ... Questo tag si riferisce a elementi di markup fisico, impostando il testo in grassetto senza enfatizzarlo. Questo tag è accoppiato, il che significa che ha sia un tag di apertura che un tag di fine. Inoltre, poiché l'elemento è in linea, deve trovarsi in una sorta di elemento di blocco, ad esempio
Codice di esempio:
miniatura
Risultato:
miniatura
In questo caso, abbiamo appena reso il testo in grassetto e il gioco è fatto.
Ma succede, quindi non abbiamo bisogno solo di evidenziare il testo, ma di enfatizzarlo. Per questo possiamo usare il tag di markup booleano ... Non solo il testo evidenziato con questo tag ha più peso per i motori di ricerca. Ma in teoria dovrebbe essere diverso dal tag nei browser vocali, ad esempio l'intonazione. Tuttavia, non posso né confermare né smentire questa informazione, è così?
In questo caso, tutto è assolutamente lo stesso come nel caso di una semplice selezione in grassetto, solo che facciamo un'enfasi, e non solo una selezione.
Codice di esempio:
Risultato:
È piuttosto semplice, vero?
Testo in corsivo.
In questo caso, tutto non è più complicato del primo. E la nostra situazione è assolutamente la stessa. Possiamo evidenziare il testo con due opzioni in HTML. Ancora una volta, utilizzando il tag di markup fisico o il tag logico, con il quale ci concentriamo nuovamente sul testo selezionato.
Per rendere il testo in corsivo, useremo il tag ... Questo elemento è accoppiato e in linea, il che ci dice cosa dovremmo usare, sia il tag di apertura che il tag di chiusura. E devi anche usarlo all'interno di un elemento di blocco. E in questo caso, l'elemento di blocco più adatto è il tag di paragrafo
Codice di esempio:
testo in corsivo
Risultato:
testo in corsivo
E, naturalmente, possiamo enfatizzare il testo allo stesso tempo evidenziandolo in corsivo usando il tag ... Questo articolo è uguale a , tranne per il fatto che il testo è in corsivo anziché in grassetto.
Codice di esempio:
il testo su cui abbiamo sottolineato
Risultato:
il testo su cui abbiamo sottolineato
E l'ultima cosa di cui vorrei parlare oggi è evidenziare il testo con il colore.
Sfortunatamente, non abbiamo un tag per evidenziare il testo con il colore in HTML. Ma ancora, non c'è niente di difficile in questo metodo.
Quindi, per evidenziare una parte specifica del testo con il colore, possiamo avvolgere la parte desiderata del testo con un tag , che è un tag generico e viene utilizzato all'interno di un elemento di blocco. Nel nostro caso, l'elemento block è il tag Ma aggiungi non abbastanza. È inoltre necessario specificare il parametro di stile, che ti consentirà di aggiungere proprietà CSS al testo necessario, specificare la proprietà stessa (colore), che ti aiuterà a impostare un colore specifico. Infine, specifica un valore per la proprietà color. Ma può sorgere la domanda: "Cosa devo indicare?" È necessario indicare il codice HTML del colore in cui vogliamo "dipingere" il testo. I codici colore HTML possono essere trovati. Ora, per essere più chiaro, consideriamo un esempio. Codice di esempio.
testo da evidenziare colore
In questo caso, evidenziamo una parola: con colore. Voglio anche notare che il tag è accoppiato e dobbiamo chiuderlo dove dovrebbe finire la proprietà.
Risultato:
il testo da evidenziare
In modi così semplici, possiamo manipolare il testo sulla nostra pagina. Vorrei anche notare che tutto ciò di cui abbiamo appena parlato funziona sia su WordPress che su DLE, perché qualsiasi motore utilizza HTML per il rendering delle pagine. Ecco perché l'HTML può essere definito la base delle fondamenta di qualsiasi sito, indipendentemente dal CMS di cui disponi.
Spero di aver spiegato tutto chiaramente.
Buona fortuna amici. Prossimamente... Ci saranno interessanti novità...
