Come Ottenere Il Valore Del Tag P In Javascript

| | | | | | | | | | | | | | | | | | | | | | | | | | |

L’HTML tag ti consente di applicare stili a una parte di una pagina web o di un paragrafo. Viene spesso utilizzato per stilizzare il testo in un paragrafo, ad esempio cambiando il colore di una parola. Il il tag per impostazione predefinita non ha stili.

Quando stai programmando in HTML, potresti decidere di voler dare uno stile a qualcosa di specifico sulla tua pagina web. Ad esempio, potresti voler enfatizzare una determinata parola in una frase o un collegamento specifico in un elenco di collegamenti.

Ecco dove arriva il tag HTML in. è un contenitore in linea generico che consente di formulare contenuti in un documento web. Il tag è comunemente usato per lo styling‚Äîspecialmente per lo styling del testo.

Questo tutorial discuterà, con esempi, come usare HTML ; per applicare uno stile agli elementi di una pagina web. Alla fine della lettura di questo tutorial, sarai un esperto nell’utilizzo del tag HTML .

HTML Tag

L’HTML tag manipola parte di una pagina web. Viene spesso utilizzato all’interno di un

elemento per applicare gli stili a una parte specifica di un paragrafo. Ad esempio, puoi utilizzare per cambiare il colore di una parola in un paragrafo.

Di per sé, il tag non ha valori o rendering predefiniti. Ciò significa che se utilizzi il tag senza attributi, non avrà alcun effetto sul modo in cui viene visualizzata la tua pagina web.

Il tag viene spesso utilizzato con i CSS per applicare un determinato stile a uno o più elementi specifici su una pagina web. ti consente di applicare facilmente un determinato stile a più elementi contemporaneamente su una pagina web.

Sintassi HTML

Il tag HTML Span ha sia un’apertura () che una chiusura ( ). Possiamo utilizzare la seguente sintassi per utilizzare il tag :

Il tag HTML non ha tag -attributi specifici. Ad esempio, il pulsante tag ha "altezza" e "larghezza" come attributi specifici del tag. non ha nessuno di questi tipi di attributi perché si basa sui CSS per lo stile. Il tag supporta tutti gli attributi HTML globali.

Puoi pensare al tag simile a i tag vengono utilizzati per definire sezioni e blocchi di testo perché

Il nostro codice restituisce:

Nel nostro esempio, abbiamo enfatizzato i termini "deliziosi prodotti da forno" e "migliaia". Mr. Pringle ci ha detto che questi termini sono importanti, quindi abbiamo indicato al programma di visualizzarli in rosso.

Abbiamo definito una stringa di testo racchiusa tra Tag

HTML. Questo testo delinea la storia della Pringle and Sons Bakery. Quindi, abbiamo racchiuso i termini che vogliamo appaiano in rosso nei tag .

Nel nostro file CSS, abbiamo specificato che il colore di ogni elemento assegnato alla classe redText dovrebbe essere rosso. Questo ci permette di cambiare il colore del nostro testo in rosso quando usiamo il tag .

Il ; è utile in questo caso perché volevamo solo enfatizzare parole particolari nel nostro testo. Avremmo potuto applicare lo stile del testo rosso al tag

stesso. Ma ciò avrebbe comportato un intero paragrafo di testo rosso.

HTML in una lista

Supponiamo che Pringle e Sons Bakery ci chiedano di aggiungere un elenco al loro sito web con link alle loro pagine di social media.

The Bakery ha notato che i link al loro Twitter e Le pagine di Facebook sono particolarmente importanti perché il team è più attivo su quelle piattaforme. Quindi, vogliono che evidenziiamo quei collegamenti in testo azzurro.

Potremmo usare il seguente codice per svolgere questo compito:

Il nostro codice restituisce:

HfpJCIX4ycBUcStlx4EzsAWQzvWNJ 2CLshhieSA BtyOWUe420vh 0KC45uZlVS SsXrpfIP0XBg7turyR5LmnqyarvOug2yL6bfrpS7 KERmAAONXuh5Za9I6x4uL8r FjvWz3

Nel nostro codice HTML, abbiamo creato una lista non ordinata utilizzando l’em> & lt <; ul" tag. Questo elenco ha tre elementi, ognuno dei quali è contenuto all’interno di tag

  • .

  • Gli elementi dell’elenco per Twitter e Facebook sono racchiusi tra tag HTML Span ( e ). Il tag span di apertura per ogni elemento dell’elenco specifica un attributo class. Il valore dell’attributo class è "blue".

    Abbiamo definito uno stile chiamato .blue che cambia il colore di sfondo di qualsiasi elemento a cui è applicato in azzurro. Ciò ha causato il colore di sfondo di tutti i link con la classe CSS .blue nel nostro codice HTML da cambiare in azzurro.

    Il colore di sfondo associato al nostro link Instagram non è cambiato perché non abbiamo incluso il testo per quel link nei tag .

    Conclusione

    Il tag HTML è un contenitore generico utilizzato per applicare stili a elementi specifici su una pagina HTML. Per impostazione predefinita, il tag non fa nulla, ma può essere utilizzato in combinazione con CSS per applicare stili agli elementi.

    Come sfida, definisci un ; tag che fa apparire una parola in una frase in tutte lettere maiuscole. Dovrai utilizzare una regola CSS per trasformare il testo in maiuscolo con il tuo tag.

    Questo tutorial illustra, con esempi, come utilizzare il tag HTML <span> nel codice. Ora sei pronto per iniziare a utilizzare il tag come uno sviluppatore web professionista!

    Per assistenza e supporto su come imparare l’HTML, leggi il nostro Guida all’apprendimento dell’HTML.