The HTML included in the section above creates a table that will look like:

Where the values for the customer's name and service address are pulled from the database values for the variables:

• {UB_AccountName}
• {UB_SvcAddress}
• {UB_SvcCity}
• {UB_SvcState}
• {UB_SvcZipCode}

The HTML looks like:

    <table class="data"><tr><td>Name</td><td>{UB_AccountName}
    </td></tr><tr><td>Service Address</td><td>{UB_SvcAddress}<br>{UB_SvcCity}, {UB_SvcState} {UB_SvcZipCode}</td></tr>
    </table>

Which is difficult to read, an easier way to look at the HTML would be to reformat it like:

    <table class="data">
        <tr>
            <td>Name</td>
            <td>{UB_AccountName}</td>
        </tr>
        <tr>
            <td>Service Address</td>
            <td>{UB_SvcAddress}<br>{UB_SvcCity}, {UB_SvcState} {UB_SvcZipCode}</td>
        </tr>
    </table>

This allows you to see the way that the HTML codes are set up. The tag <table class="data"> creates the table itself. The <tr> tag creates a row in the table. The <td> tags create cells in the row. The <br> tag puts the following information on another line in the cell. As you can see there are two cells created in each of the two rows. For each tag there is a closing tag for the cell in the row the closing tag is </td> for the row it is </tr> and for the table it is </table>.

If you wanted to add in the customer's account number, it could easily be done by adding another row to the table and use the variable {UB_AccountNumber} to show that value on the screen. For example:

    <table class="data">
        <tr>
            <td>Name</td>
            <td>{UB_AccountName}</td>
        </tr>
        <tr>
            <td>Account Number</td>
            <td>{UB_AccountNumber}</td>
        </tr>
        <tr>
            <td>Service Address</td>
            <td>{UB_SvcAddress}<br>{UB_SvcCity}, {UB_SvcState} {UB_SvcZipCode}</td>
        </tr>
    </table>

Which would produce the following: