How to Create Bold and Italicized Text in HTML

PDF download Download Article
PDF download Download Article

When coding HTML documents, it may sometimes be necessary not only to bold a word, but also to italicize the same word. This article will help you create that effect (bold italicize).

Steps

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b2\/Create-Bold-and-Italicized-Text-in-HTML-Step-1.jpg\/v4-460px-Create-Bold-and-Italicized-Text-in-HTML-Step-1.jpg","bigUrl":"\/images\/thumb\/b\/b2\/Create-Bold-and-Italicized-Text-in-HTML-Step-1.jpg\/aid2475551-v4-728px-Create-Bold-and-Italicized-Text-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2f\/Create-Bold-and-Italicized-Text-in-HTML-Step-2.jpg\/v4-460px-Create-Bold-and-Italicized-Text-in-HTML-Step-2.jpg","bigUrl":"\/images\/thumb\/2\/2f\/Create-Bold-and-Italicized-Text-in-HTML-Step-2.jpg\/aid2475551-v4-728px-Create-Bold-and-Italicized-Text-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Advertisement
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3e\/Create-Bold-and-Italicized-Text-in-HTML-Step-3-Version-2.jpg\/v4-460px-Create-Bold-and-Italicized-Text-in-HTML-Step-3-Version-2.jpg","bigUrl":"\/images\/thumb\/3\/3e\/Create-Bold-and-Italicized-Text-in-HTML-Step-3-Version-2.jpg\/aid2475551-v4-728px-Create-Bold-and-Italicized-Text-in-HTML-Step-3-Version-2.jpg","smallWidth":460,"smallHeight":341,"bigWidth":728,"bigHeight":540,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Open up the phrase you want bold and italicized with the <b> tag.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bc\/Create-Bold-and-Italicized-Text-in-HTML-Step-4-Version-2.jpg\/v4-460px-Create-Bold-and-Italicized-Text-in-HTML-Step-4-Version-2.jpg","bigUrl":"\/images\/thumb\/b\/bc\/Create-Bold-and-Italicized-Text-in-HTML-Step-4-Version-2.jpg\/aid2475551-v4-728px-Create-Bold-and-Italicized-Text-in-HTML-Step-4-Version-2.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/07\/Create-Bold-and-Italicized-Text-in-HTML-Step-5-Version-2.jpg\/v4-460px-Create-Bold-and-Italicized-Text-in-HTML-Step-5-Version-2.jpg","bigUrl":"\/images\/thumb\/0\/07\/Create-Bold-and-Italicized-Text-in-HTML-Step-5-Version-2.jpg\/aid2475551-v4-728px-Create-Bold-and-Italicized-Text-in-HTML-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/da\/Create-Bold-and-Italicized-Text-in-HTML-Step-6-Version-2.jpg\/v4-460px-Create-Bold-and-Italicized-Text-in-HTML-Step-6-Version-2.jpg","bigUrl":"\/images\/thumb\/d\/da\/Create-Bold-and-Italicized-Text-in-HTML-Step-6-Version-2.jpg\/aid2475551-v4-728px-Create-Bold-and-Italicized-Text-in-HTML-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    It's often times better to type the closing tag for the tag that lies inside before and work outwards, to make it easier on the eyes for a coder to recognize what style you are trying to perform.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d7\/Create-Bold-and-Italicized-Text-in-HTML-Step-7-Version-2.jpg\/v4-460px-Create-Bold-and-Italicized-Text-in-HTML-Step-7-Version-2.jpg","bigUrl":"\/images\/thumb\/d\/d7\/Create-Bold-and-Italicized-Text-in-HTML-Step-7-Version-2.jpg\/aid2475551-v4-728px-Create-Bold-and-Italicized-Text-in-HTML-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    8. Advertisement

Video

Community Q&A

Search
Add New Question
  • Question
    What type of language is HTML?
    Community Answer
    HTML, an abbreviation of the HyperText Markup Language, is its own programming language. Web browsers are capable of reading HTML, from both files in a computer and from a web server, and use the information within the code to display text, images, etc.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 0 Helpful 3
  • Question
    Write HTML code do I need to display a text mobile world having bold and italic?
    Owen Pritchard
    Community Answer
    HTML doesn't have the option to write bold, because that is not how Java works. You cannot, but even if you could, it would not change the URL you go to later.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 7 Helpful 2
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!

      You Might Also Like

      How to
      Learn HTML
      How to
      Create a Simple Web Page with HTML
      A Complete Guide to Making Your Own Website
      How to
      Run a HTML File in Visual Studio Code
      4 Ways to Add a Link to a Picture
      How to
      Insert Spaces in HTML
      How to
      Run a HTML File
      How to
      Change the Button Color in HTML
      How to
      Write HTML Code
      How to
      Insert Images with HTML
      Simple Ways to Find the Hex Code of Any Color on Your Computer
      Add a Background Image to a Website: Step-by-Step Tutorial
      How to
      Open HTM Files
      How to
      Resize iFrames in HTML
      Advertisement

      About This Article

      Thanks to all authors for creating a page that has been read 103,162 times.

      Is this article up to date?

      Advertisement