Contenuto

• Passi
• Metodo 1 di 2: Crea testo in grassetto con HTML
• Metodo 2 di 2: Crea testo in grassetto con CSS
• Consigli

Il linguaggio di markup HTML ti consente di rendere il testo in grassetto senza problemi e anche in diversi modi contemporaneamente. Tuttavia, sarà meglio dedicare un paio di minuti allo studio delle regole di base dei fogli di stile a cascata - CSS, e aggiungerle al documento in modo da poterci lavorare in seguito. La linea di fondo è che è molto più facile controllare l'aspetto di una pagina web dai CSS, anche quando qualcosa deve essere evidenziato in grassetto.

Passi

Metodo 1 di 2: Crea testo in grassetto con HTML

1. 1 strong> Usa il tag strong / strong>. In HTML5, secondo le specifiche, questo è il modo migliore per evidenziare il testo. Questo tag renderà quasi sempre il testo in grassetto.
   • Inserisci il testo che vuoi evidenziare all'interno dei tag: strong>giusto qui/ forte>.
2. 2 Usa i titoli quando appropriato. In genere, vengono posizionati nella parte superiore della pagina o all'inizio di una nuova sezione. Per impostazione predefinita, le intestazioni vengono visualizzate più grandi e in grassetto rispetto al testo normale, anche se qui ci sono alcune sottigliezze. Ci sono sei livelli di titoli, da 1 a 6: h1> - h6>. Segui queste linee guida quando li usi:
   • L'intestazione h1 è scritta così: h1> intestazione di primo livello / h1>, e questa è l'intestazione più importante e più grande della pagina.
   • h2> Intestazione h2 / h2> - per la seconda intestazione più importante, e così via fino all'intestazione h6> h6, la più piccola di tutte / h6>.
   • È necessario utilizzare i titoli con attenzione, con moderazione, esclusivamente per organizzare il contenuto della pagina. L'utente dovrebbe essere in grado di vedere il titolo il più rapidamente possibile per capire se il contenuto che desidera si trova sotto.
   • Quando si creano sottotitoli, vale la pena scendere di un livello alla volta. In altre parole, non è necessario inserire dopo h1> immediatamente h3>. In questo modo, la formattazione della pagina non fallirà durante la conversione in un altro formato.
3. 3 b>Come ultima risorsa, usa il tag b/b>. Il tag b> è ancora supportato in HTML5, ma molto meglio. È possibile utilizzare b> quando il testo è evidenziato per scopi stilistici e non semantici, ad esempio per evidenziare parole chiave o parole del vocabolario, nomi di prodotti e così via.
   • Come la maggior parte dei tag, b> è una coppia che controlla il testo / b> che è inserito al suo interno.

Metodo 2 di 2: Crea testo in grassetto con CSS

1. 1 Ricorda quando usare i CSS. CSS è uno strumento molto potente e conveniente per modificare l'aspetto di una pagina. In realtà, CSS è come la pagina "appare", mentre HTML è ciò che "significa". Naturalmente, non c'è niente di sbagliato con i tag HTML, possono essere usati, ma è meglio lavorare con i CSS: hai più controllo su come apparirà il tuo testo.
   • Apri una semplice pagina HTML in diversi browser. Notare come appare leggermente diverso in ciascuno di essi? I CSS possono aiutare a ridurre al minimo questa differenza.
2. 2 Aggiungi un tag span> al testo. Se non possiedi già CSS, dovresti iniziare con i cosiddetti "CSS in linea" - "fogli di stile in linea", se lo desideri. Questo, ovviamente, può essere usato per cambiare l'aspetto di tag come p> o h1>, ma a volte puoi anche cambiare il testo che non è ancora incluso in nessun tag. Il tag span> / span> è come un wrapper che di per sé non ha alcun effetto o effetto, ma ci dà la possibilità di apportare le modifiche necessarie alla pagina. Ecco un esempio:
   • span> Sto imparando come rendere il testo in grassetto con CSS in linea ./span>
3. 3 Aggiungi l'attributo di stile. Gli attributi in HTML sono scritti direttamente nel tag, proprio nelle caselle di controllo>. L'attributo style è necessario per inserire CSS in un tag HTML, quindi inserisci stile = nel tag span:
   • span style => Sto imparando come rendere il testo in grassetto con CSS inline ../ span>
   • Perché aggiungere un attributo di stile se non aggiungi lo stile stesso? Pensa bene. Ma qui stiamo esponendo tutto passo dopo passo!
4. 4 Aggiungi la proprietà font-weight. Le proprietà CSS vengono aggiunte come parte dell'attributo, in questo caso come parte dell'attributo style, ovvero "font-weight" (peso letterale). Questa proprietà può essere utilizzata per specificare lo stile di un carattere, non solo grassetto, ma anche extra-grassetto, sottile o normale. Dopo il segno =, scrivi "carattere-peso:"... Dovrebbe assomigliare a qualcosa di simile a questo:
   • span style = "font-weight:"> Sto imparando come rendere il testo in grassetto usando CSS inline ../ span>
   • Fai una pausa per ora, non scrivere nient'altro (e sì, c'è dell'altro in arrivo).
   • Non dimenticare di mettere le virgolette prima e dopo peso del carattere:.
5. 5 Aggiungi il valore in grassetto. Cos'è rimasto? Esatto, imposta la proprietà dell'attributo su un valore! Dove inserirlo? Esatto, tra peso del carattere: e una citazione di chiusura. Questa proprietà ha diverse varietà, diverse per audacia, e il modo più semplice è usare il valore grassetto:
   • span style = "font-weight: bold"> Sto imparando come rendere il testo in grassetto usando CSS inline./span>
6. 6 Sperimenta con altri valori. Il CSS è molto più potente dell'HTML, quindi non sentirti legato mani e piedi. Ecco alcune alternative al grassetto:
   • span style = "font-weight: bolder"> "Bolder" - in questo modo il testo sarà sempre più spesso dell'elemento genitore, non importa quanto sia in grassetto. / span> Se l'intero paragrafo è selezionato con "grassetto", allora "più audace" aiuterà a evidenziare ancora più audacemente, ad esempio, una frase separata che è in essa.
   • span style = "font-weight: normal"> "Normal" - tale testo apparirà come al solito, anche quando si trova all'interno di un tag che rende il testo in grassetto. / span>
   • span style = "font-weight: 900"> Per impostare il peso del testo, puoi utilizzare i valori da 100 a 900. 400 - stile regolare, grassetto - da 700 e oltre. / span>

Consigli

• Quando si utilizzano valori numerici per il peso in CSS, utilizzare multipli di 100. Tutti gli altri valori verranno comunque arrotondati per eccesso.
• Un file CSS esterno, sicuramente, è molto più conveniente di quanto descritto in questo articolo: in questo modo sarà possibile controllare l'aspetto di tutte le pagine del sito da un file contemporaneamente!
• Non puoi rendere un carattere più grasso di quanto originariamente previsto dai tipografi. Quando lavori con i CSS, ricorda che il carattere cambierà secondo lo standard. Di conseguenza, non vedrai la differenza tra le due opzioni di carattere in grassetto (più precisamente, puoi vederlo, ma dipende già dal carattere).