Hur man skapar fet text med HTML

Författare: John Pratt
Skapelsedatum: 13 Januari 2021
Uppdatera Datum: 18 Maj 2024
Anonim
Formatering med mera i html och css
Video: Formatering med mera i html och css

Innehåll

HTML gör det enkelt att göra texten fet och det finns många taggar som kan användas om du vill ha fler alternativ. Ännu bättre, lära dig lite CSS och lägg till det direkt i ditt HTML-dokument. Detta är snabbare än att lägga till ett CSS-formatmall och låter dig kontrollera hur mycket tjocklek du vill ha i din djärva text.

Steg

Metod 1 av 2: Skapa fet text med HTML

  1. Använd den "starka" taggen. I HTML5 rekommenderas den föredragna standarden, den "starka" taggen för viktiga texter. Det visas nästan alltid som fet text i webbläsare.
    • Skriv texten du vill ha med fet stil mellan dessa taggar: fet text här.

  2. Använd titel-taggar när det är lämpligt. De placeras högst upp på en webbplats eller i början av ett nytt avsnitt. Titlar visas vanligtvis i större, djärva teckensnitt, men det kan variera. Det finns sex olika taggar för titlar, från

    De

    . Följ dessa anvisningar när du använder dem.
    • H1-taggen, skriven som

      Din titel här

      är den viktigaste titeln, vanligtvis den längsta texten i början av sidan.
    • H2-taggen

      är för den näst viktigaste titeln, och så vidare, även taggen
      h6, den lägsta
      .
    • Använd dem sparsamt, bara för att organisera din sida. Användare ska kunna bläddra igenom titlarna snabbt och hitta vad de letar efter.
    • När du skapar undertexter ska du minska en nivå åt gången. Med andra ord, hopp inte från

      för

      . Detta hjälper HTML-sidan att bevara formateringen när den överförs till ett annat format.


  3. Använd taggen "b" som en sista utväg.. Taggen stöds fortfarande i HTML5, men det är mest föredraget i de flesta fall. Använd taggen endast när fet text används av stilskäl, inte för betoning. Exempel inkluderar nyckelord eller ordförråd i en text eller produktnamn för analys.
    • Som de flesta taggar, skriv text mellan början och slutet av en tagg.

Metod 2 av 2: Skapa fet text med Inline CSS


  1. Förstå när du ska använda CSS, vilket är ett mer kraftfullt och konsekvent sätt att ändra stilen på din webbplats. Detta språk är idealiskt för att bestämma utseendet på din webbplats, medan HTML avgör vad din webbplats betyder. Det är okej att använda HTML för att betona viktig text, men CSS ger dig mer kontroll över den visuella aspekten av din djärva text.
    • Försök att öppna samma HTML-sida i olika webbläsare, och du kanske märker vissa visningsskillnader. CSS "berättar" webbläsaren exakt hur texten ska ändras med en tagg för att minimera variationen.
  2. Lägg till en tagg till din text. Om du inte vet någonting om CSS ännu, är "CSS inline" ett bra sätt att börja. Även om du kan ändra taggar som

    eller

    , måste du ibland ändra text som ännu inte finns mellan taggarna. I detta fall ska du bifoga texten i taggar . Det har ingen effekt på egen hand, men det ger oss något att arbeta med. Här är exemplet vi kommer att använda:
    • Jag lärde mig att göra denna text fet med inline CSS.

  3. Lägg till stilattributet. HTML-attribut skrivs direkt i taggen, inom <> parentes. Stilfunktionen är nödvändig för att sätta in CSS i HTML-taggen, så vi kommer att infoga stil = i span-taggen:
    • Jag lärde mig att göra denna text fet med inline CSS.
    • Det finns ingen anledning att lägga till stilattributet utan att ange något. Vi lär oss bara en sak åt gången.
  4. Lägg till egenskapen "font-vikt". CSS-egenskaper läggs till som stilattribut. I vårt fall kommer vi att använda den nämnda egenskapen, som bestämmer typsnittets tjocklek. Det kan användas för att visa fet, tunnare text eller till och med normal tjocklek. Lägg till "Font-weight:" efter = -tecknet, som visas nedan:
    • Jag lärde mig att göra denna text fet med inline CSS.
    • Återigen är vi inte klara än.
    • Glöm inte citaten före och efter font-weight:.
  5. Lägg till värdet i fetstil. Det enda vi behöver göra är att skapa ett värde mellan font-weight: och de sista citaten. Det finns några alternativ som kan användas, men värdet djärv är det enklaste att använda:
    • Jag lärde mig att göra denna text fet med inline CSS.
  6. Experimentera med andra värden. CSS ger dig många alternativ förutom HTML, så var inte begränsad. Här är några alternativ till det "djärva" värdet:
    • Texten "Bolder" kommer att bli mer exponerad än den som liknar honom. Om du till exempel skapar ett helt stycke med "fet" och sedan använder "djärvare" i en enskild mening i stycket, kommer det att sticker ut.
    • Alternativet "Normal" kommer att hålla texten utan fetstil, även om den är mellan en tagg som gör den fet.
    • Du kan använda ett numeriskt värde som sträcker sig från 100 till 900 för att ange en tjocklek. 400 är normalt medan fet text använder 700.

tips

  • När du använder egenskapen font-vikt i CSS, använd bara numeriska värden multipel av 100, eftersom siffrorna mellan dem kommer att avrundas.
  • Ett inbäddat eller externt CSS-ark är ett bättre sätt att göra texten fet, eftersom det tillåter ändringar i ett komplett dokument på en gång.
  • Varje teckensnitt har bara ett fåtal funktioner tillgängliga. När du använder CSS är det format som används för teckensnittet närmast förfrågan. Det innebär att det ibland inte går att differentiera fetstil i ett teckensnitt, till exempel.

Hur man öppnar nedladdningar

Sharon Miller

Maj 2024

Nedladdning av filer är en av huvudfunktionerna på internet. Du hittar nä tan vad om hel t online och chan en är att du har laddat ner filer edan du började använda din d...

Hur man skär en skjorta

Sharon Miller

Maj 2024

Rita halva den form du valde på den vikta kanten. Dela upp den här formen på längden och påra den på kjortkanten. Formen kan vara i den torlek du vill ha, men de tör...

Populär På Plats