Hur man skapar fet och kursiv rubrik i HTML

Bädda in stilmarkeringstaggar för kursiv stil och fetstil i din HTML rubrikkod för att lägga betoning på din ämneslista.

Rubriker

Rubrikmärken är det enklaste sättet att dela upp ditt dokument. Om du tänker på din webbplats som en tidning, är rubrikerna rubrikerna i tidningen. Huvudrubriken är en H1 och efterföljande rubriker är H2 till H6.

Använd följande koder för att skapa HTML.

Det här är rubrik 1


Det här är rubrik 2


Det här är rubrik 3


Det här är rubrik 4


Det här är rubrik 5

Det här är rubrik 6

Håll dina rubriker i en logisk ordning — H1 kommer före H2, som kommer före H3, och så vidare.

Oroa dig inte för mycket för hur rubrikerna ser ut - du bör använda CSS för att stilrubriker snarare än att använda en rubrik i ordning. Rubrikmärken är element på blocknivå, så de sätter i radavbrott åt dig. Lägg inte stycke-taggar i rubrik-taggar.

Fet och kursiv

Det finns fyra taggar du kan använda för fetstil och kursiv:

  • och för fetstil
  • och för kursiv

Det spelar ingen roll vilken du använder. Medan vissa föredrar

instagram viewer
och , många människor hittar för "fet" och för "kursiv" lättare att komma ihåg.

Omge bara din text med de inledande och stängande taggarna för att göra texten djärv eller kursiv:

djärv
kursiv

Du kan bygga in dessa taggar (vilket innebär att du kan göra text både fet och kursiv) och det spelar ingen roll vilken som är den yttre eller inre taggen.

Till exempel:

Denna text är fet

Denna text är fet

Denna text är i kursiv stil

Denna text är kursiv

Denna text är både fet och kursiv

Denna text är både fet och kursiv

Varför det finns två uppsättningar av fetstil och kursiv etiketter

I HTML4 är och taggar betraktades som stiltaggar som endast påverkade utseendet på text och sa ingenting om taggens innehåll, och det ansågs vara dåligt att använda dem. Sedan, med HTML5, fick de en semantisk betydelse utanför textens utseende.

I HTML5 använder dessa taggar specifika betydelser:

  • betecknar text som inte är viktigare än den omgivande texten, men den typiska typografiska presentationen är fet text, såsom nyckelord i ett dokumentabstrakt eller produktnamn i en recension.
  • betecknar text som inte är viktigare än den omgivande texten, men den typiska typografiska presentationen är kursiv text, till exempel en boktitel, teknisk term eller fras på ett annat språk.
  • betecknar text som har stor betydelse jämfört med den omgivande texten.
  • betecknar text som har en betonad stress jämfört med den omgivande texten.

Kursiv i rubriker

Ingenting hindrar dig från att använda kursiva taggar i en rubriktagg, även om vissa webbläsare kan ta bort detta sammanhang. Det är oftast bättre att använda CSS för att säkerställa att du får det visuella resultatet du siktar på.