Home/ Questions/Q 992057
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T06:12:18+00:00

The image posted below is taken from a word document. I need create a

  • 0

The image posted below is taken from a word document. I need create a similar one in HTML. Which tags should i use to help structure same way you see it below. Discard the fonts/colors tags.

alt text

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As James Black said, MS Word or Open office can save the document as an html file automatically for you. From file save as and then choose web page.

    Anyway if you want to do it manually then it isn’t a single tag that you’ll end up using. I just did a quick mock up for you which closely resembles your image.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Invoice Title</title>
</head>

<body>
<div id="main">
        <div id="header">
            <div>Shipment # </div>
            <div>Invoice # </div>
            <div><h2>CUSTOMER PO </h2></div>
        </div>

        <div id="content">
                <div style="text-align:center;" ><h1>PACKAGING LIST </h1> </div>
                <div style="padding-top:50px;"><h2>Motion detectors consisting of the following,</h2> </div>
                    <div id="items" style="padding-top:40px;"> 1. P/N Auro</div>

        </div>

        <div id="footer">
                 <div id="items" style="padding-top:200px;"><strong> Distributor</strong></div>
        </div>
</div>
</body>
</html>

    Hope that helps

    • 0