How to Convert Formatted Text to HTML

HTML is an extremely easy language to learn. If you have a text document that needs to be converted to HTML to display properly on the Web, you just need to replace a few instances of your formatting with the appropriate HTML formatting.

Instructions

    • 1

      Enclose all of your paragraphs in <p> and </p> tags. Example: <p>This is a paragraph.</p>

    • 2

      Remove any bold type from your text and wrap the text in <b> tags. Example: <b>This is bold text.</b>

    • 3

      Remove any italic from your text and wrap the text in a set of <i> tags. Example: <i>This text is in italic.</i>

    • 4

      Remove any underlining from your text and wrap the text in a set of <u> tags. Example: <u>This text is underlined.</u> Be aware most people equate underlining with linking, so consider changing nonlinked underlined text into italic text.

    • 5

      Enclose any bulleted list in <ul> tags. Remove the bullets and enclose each item on the list in <li> tags. Example:
      <ul>
      <li>List Item 1</li>
      <li>List Item 2</li>
      </ul>
      For numbered lists, remove the numbering and change the <ul> tags to <ol>.

    • 6

      Convert document-wide formatting such as fonts and sizes using a style sheet. In the <head> section of your HTML document, add the following code: "<style type="text/css"> body { font-family:FONT; font-size:SIZE; }." Replace "Font" and "Size" with an actual font and an actual size. Sizes can be measured in points (for example, "12pt") or pixels ("14px"). Only a certain amount of fonts work on all browsers. Alternately, if you don't have access to the entire HTML document, place "<div style="font-family:FONT; font-size:SIZE;">" at the beginning of your block of text and "</div>" at the end of your text.

Tips & Warnings

  • Sometimes you'll see <strong> instead of <b> and <em> (which stands for "emphasis") instead of <i>. The distinction is not terribly important and most browsers treat them the same.

Related Searches:

Resources

Comments

You May Also Like

Related Ads

Featured