Come creare testo in grassetto con HTML

Autore: John Pratt
Data Della Creazione: 13 Lang L: none (month-010) 2021
Data Di Aggiornamento: 9 Maggio 2024
Anonim
03 - Testo in grassetto e testo corsivo italic in html - Come diventare web designer - Corso HTML
Video: 03 - Testo in grassetto e testo corsivo italic in html - Come diventare web designer - Corso HTML

Contenuto

L'HTML rende facile rendere il testo in grassetto e ci sono molti tag che possono essere usati se vuoi più opzioni. Meglio ancora, impara un po 'di CSS e aggiungilo direttamente al tuo documento HTML. Questo è più veloce dell'aggiunta di un foglio di stile CSS e ti consentirà di controllare quanto spessore vuoi nel tuo testo in grassetto.

passi

Metodo 1 di 2: creazione di testo in grassetto con HTML

  1. Utilizza il tag "forte". In HTML5, lo standard preferito, il tag "strong", è consigliato per i testi importanti. Viene quasi sempre visualizzato come testo in grassetto nei browser.
    • Digita il testo che desideri in grassetto tra questi tag: testo in grassetto qui.

  2. Usa i tag del titolo quando appropriato. Vengono posizionati nella parte superiore di un sito Web o all'inizio di una nuova sezione. I titoli sono generalmente visualizzati in caratteri più grandi e in grassetto, ma questo può variare. Sono disponibili sei tag diversi per i titoli, da

    Il

    . Segui queste istruzioni quando li usi.
    • Il tag h1, scritto come

      Il tuo titolo qui

      è il titolo più importante, di solito il testo più lungo all'inizio della pagina.
    • Il tag h2

      è per il secondo titolo più importante e così via, anche il tag
      h6, il più basso
      .
    • Usali con parsimonia, solo per organizzare la tua pagina. Gli utenti dovrebbero essere in grado di scorrere rapidamente i titoli e trovare ciò che stanno cercando.
    • Quando crei i sottotitoli, diminuisci un livello alla volta. In altre parole, non saltare da

      per

      . Ciò aiuta la pagina HTML a preservare la formattazione quando viene trasferita in un altro formato.


  3. Utilizza il tag "b" come ultima risorsa.. Il tag è ancora supportato in HTML5, ma il è preferibile nella maggior parte dei casi. Usa il tag solo quando il testo in grassetto viene utilizzato per motivi di stile, non per enfasi. Gli esempi includono parole chiave o vocabolario in un testo o nomi di prodotti per l'analisi.
    • Come la maggior parte dei tag, digitare il testo tra l'inizio e la fine di un tag.

Metodo 2 di 2: creazione di testo in grassetto con CSS in linea


  1. Comprendi quando utilizzare i CSS, che è un modo più potente e coerente per cambiare lo stile del tuo sito web. Questo linguaggio è ideale per determinare l'aspetto del tuo sito web, mentre l'HTML determina il significato del tuo sito web. Va bene usare HTML per enfatizzare il testo importante, ma CSS ti darà un maggiore controllo sull'aspetto visivo del tuo testo in grassetto.
    • Prova ad aprire la stessa pagina HTML in browser diversi e potresti notare alcune differenze di visualizzazione. CSS “dice” al browser esattamente come mostrare il testo modificato da un tag, per ridurre al minimo la variazione.
  2. Aggiungi un tag al tuo testo. Se non sai ancora nulla di CSS, utilizzare "CSS inline" è un buon modo per iniziare. Sebbene tu possa modificare tag come

    o

    , a volte dovrai modificare il testo che non è ancora tra i tag. In questo caso, racchiudi il testo tra i tag . Non ha alcun effetto da solo, ma ci dà qualcosa su cui lavorare. Ecco l'esempio che useremo:
    • Ho imparato a rendere questo testo in grassetto con CSS in linea.

  3. Aggiungi l'attributo style. Gli attributi HTML vengono scritti direttamente nel tag, tra parentesi <>. La funzionalità di stile è necessaria per inserire il CSS all'interno del tag HTML, quindi lo inseriremo stile = nel tag span:
    • Ho imparato a rendere questo testo in grassetto con CSS in linea.
    • Non c'è motivo per aggiungere l'attributo style senza specificare nulla. Stiamo solo imparando una cosa alla volta.
  4. Aggiungi la proprietà "font-weight". Le proprietà CSS vengono aggiunte come attributi di stile. Nel nostro caso, useremo la proprietà menzionata, che determina lo spessore del carattere. Può essere utilizzato per mostrare testo in grassetto, più sottile o anche di spessore normale. Inserisci "Font-weight:" dopo il segno =, come mostrato di seguito:
    • Ho imparato a rendere questo testo in grassetto con CSS in linea.
    • Ancora una volta, non abbiamo ancora finito.
    • Non dimenticare le citazioni prima e dopo font-weight:.
  5. Aggiungi il valore in grassetto. L'unica cosa che dobbiamo fare è stabilire un valore compreso tra font-weight: e le ultime citazioni. Ci sono alcune opzioni che possono essere utilizzate, ma il valore grassetto è il più facile da usare:
    • Ho imparato a rendere questo testo in grassetto con CSS in linea.
  6. Sperimenta con altri valori. CSS ti offre molte opzioni oltre all'HTML, quindi non essere limitato. Di seguito sono riportate alcune alternative al valore "grassetto":
    • Il testo "Bolder" sarà più esposto di quello simile a lui. Ad esempio, se crei un intero paragrafo con "grassetto" e quindi utilizzi "più grassetto" in una singola frase all'interno del paragrafo, risalterà.
    • L'opzione "Normale" manterrà il testo senza grassetto, anche se si trova tra un tag che lo rende in grassetto.
    • È possibile utilizzare un valore numerico compreso tra 100 e 900 per specificare uno spessore. 400 è normale mentre il testo in grassetto utilizza 700.

Suggerimenti

  • Quando si utilizza la proprietà di spessore del carattere in CSS, utilizzare solo valori numerici multipli di 100, poiché i numeri tra di essi verranno arrotondati.
  • Un foglio CSS incorporato o esterno è un modo migliore per rendere il testo in grassetto, poiché consente modifiche a un documento completo contemporaneamente.
  • Ogni carattere ha solo poche funzionalità disponibili. Quando si utilizza CSS, il formato utilizzato per il carattere è il più vicino alla richiesta. Ciò significa che a volte non sarà possibile differenziare il grassetto in un carattere, ad esempio.

Que to articolo ti in egnerà come impo tare un indirizzo IP tatico ulla rete Wi-Fi di un computer. Un IP tatico è quello che non cambia al riavvio del computer o del router, il che lo rende ...

Come aprire il semaforo

Eric Farmer

Maggio 2024

O erva la forma del rilevatore di induzione e la po izione del tuo veicolo. e continui quotidianamente con emafori problematici, e amina l'area in cui ei bloccato. Cerca egni di taglio della ega, ...

Assicurati Di Leggere