Il tag di stile in HTML
In questo articolo, ti mostrerò come utilizzare il tag di stile in HTML, questo è un tag utilizzato per scrivere codice CSS per tag HTML o specificare informazioni sui file CSS per le pagine Web.
Quando si tratta del tag di stile, devi assolutamente pensare ai CSS. Ma poiché non abbiamo ancora imparato, esegui temporaneamente gli esempi nell'articolo per vedere i risultati. Più tardi, quando passerai alla serie di lezioni CSS, imparerai più attentamente.
Mục lục
Qual è il tag di stile in HTML?
Lo stile è un normale tag HTML, viene utilizzato per definire l'ambito del codice CSS per la compilazione del browser. Tutto il codice all'interno del tag di stile non viene visualizzato sull'interfaccia, ma viene semplicemente compilato ed eseguito in background nel browser.
Esempio : utilizzare il tag di stile per specificare il colore del testo di visualizzazione del tag p e del tag h1.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> h1 {color:red;} p {color:blue;} </style> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <p>this is a test.</p> </body> </html>Come puoi vedere, all'interno del tag di stile ho definito due proprietà CSS:
<style> h1 {color:red;} p {color:blue;} </style>Usa il tag di stile per formattare l'interfaccia
Per farvi capire meglio, farò un esempio molto semplice, che si divide in due casi come segue:
<!DOCTYPE html> <html> <head> <title>Tùy chỉnh giao diện HTML bằng CSS</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <p> Chào mừng bạn đến với website học lập trình online web888.vn </p> </body> </html>Risultato
Chào mừng bạn đến với website học lập trình online web888.vn <!DOCTYPE html> <html> <head> <title>Tùy chỉnh giao diện HTML bằng CSS</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> p{ background: white; color: black; text-align: center; font-size: 30px; } </style> </head> <body> <p> Chào mừng bạn đến với website học lập trình online web888.vn </p> </body> </html> Chào mừng bạn đến với website học lập trình online web888.vnEsegui i due esempi sopra e vedrai la differenza tra loro. Il primo esempio ha uno sfondo bianco e testo nero, il secondo esempio ha uno sfondo blu e testo bianco. Per quanto riguarda la struttura HTML, non c'è differenza, ma nell'esempio 2 ho aggiunto un codice CSS come segue:
<style type="text/css"> p{ background: blue; color: white; text-align: center; font-size: 30px; } </style>Quindi, per aggiungere CSS al tag HTML, lo inseriamo all'interno del tag di stile. Per quanto riguarda la sintassi CSS, puoi leggere l'articolo Sintassi CSS per capire meglio.
Quindi capisci già il significato del tag di stile HTML, giusto? Successivamente ci eserciteremo a scrivere codice CSS su questo tag di stile stesso. Ci vediamo al prossimo post.
