HTML stil
- Föregående sida HTML stycke
- Nästa sida HTML Formatering
style egenskapen används för att ändra stilen på HTML element.
Denna text är i Verdana och röd Denna text är i Times och blå Denna text är 30 pixlar hög
HTML:s style egenskap
style egenskapens funktion:
Det erbjuder ett generellt sätt att ändra stilen på alla HTML element.
Stil introducerades i HTML 4 och är ett nytt föredraget sätt att ändra stil på HTML element. Genom HTML stil kan du lägga till stil direkt till HTML element med användning av style egenskapen, eller indirekt i en separat stiltabell (CSS-fil).
Du kan hitta all information om CSS kursLär dig allt om stil och CSS.
I vår HTML kurs kommer vi att använda style egenskapen för att förklara HTML stil.
Förbjudna etiketter och egenskaper
I HTML 4 har flera etiketter och egenskaper föråldrats. Föråldrad (Deprecated) innebär att dessa etiketter och egenskaper inte kommer att stödjas i framtida versioner av HTML och XHTML.
Informationen som kommuniceras här är tydlig: undvik att använda dessa föråldrade etiketter och egenskaper!
Undvik att använda följande etiketter och egenskaper:
| Etikett | Beskrivning |
|---|---|
| <center> | Definiera centrerat innehåll. |
| <font> och <basefont> | Definiera HTML typsnitt. |
| <s> och <strike> | Definiera strukturellt borttagen text |
| <u> | Definiera understrykt text |
| Egenskap | Beskrivning |
| align | Definiera textens justering |
| bgcolor | Definiera bakgrundsfärg |
| color | Definiera textfärg |
För dessa etiketter och egenskaper: använd stil istället!
HTML stil exempel - bakgrundsfärg
background-color egenskap definierar bakgrundsfärgen för elementet:
<html> <body style="background-color:yellow"> <h2 style="background-color:red">This is a heading</h2> <p style="background-color:green">This is a paragraph.</p> </body> </html>
style-attributet har avskaffat den gamla "bgcolor"-egenskapen.
Prova själv: Använd den gamla metoden för att ställa in bakgrundsfärg
HTML Style exempel - Teckensnitt, färg och storlek
font-family、color samt font-size-attribut definierar elementets textas typsnitt, färg och storlek:
<html> <body> <h1 style="font-family:verdana">A heading</h1> <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p> </body> </html>
style-attributet har avskaffat den gamla <font>-taggen.
Prova själv: Använd den gamla metoden för att ställa in teckensnitt
HTML Style exempel - Textjustering
text-align-attributet specificerar elementets textens horisontella justering:
<html> <body> <h1 style="text-align:center">This is a heading</h1> <p>The heading above is aligned to the center of this page.</p> </body> </html>
style-attributet har avskaffat den gamla "align"-egenskapen.
- Föregående sida HTML stycke
- Nästa sida HTML Formatering
