Promoting to a table

Tips & Tips

All the web pages here have been created with Bhaum, the text editor ->

Bhaum

Promoting paragraphs to table data on the spot

Let's say we have input the following text in Bhaum

Raw text :

and we are gong to nest them in a table as shown below :

Viewed through the browser after nesting each line :

1st cell	2nd cell
3rd cell	4th cell

The following are the details :

Select the whole first line and click on the TD item in the Cliptext Window to promote it to Table Data :

<TD>1st cell</TD>
2nd cell

3rd cell
4th cell
Repeat the same for the others each :

<TD>1st cell</TD>
<TD>2nd cell</TD>

<TD>3rd cell</TD>
<TD>4th cell</TD>
Now, select the first 2 lines and click on the TR item to nest them in a row :

<TR>
<TD>1st cell</TD>
<TD>2nd cell</TD>
</TR>

<TD>3rd cell</TD>
<TD>4th cell</TD>
Do the same for the other two lines :

<TR>
<TD>1st cell</TD>
<TD>2nd cell</TD>
</TR>

<TR>
<TD>3rd cell</TD>
<TD>4th cell</TD>
</TR>
OK, now it's time to select them all and click on the TABLE item :

<TABLE border="1">
<TR>
<TD>1st cell</TD>
<TD>2nd cell</TD>
</TR>

<TR>
<TD>3rd cell</TD>
<TD>4th cell</TD>
</TR>
</TABLE>
Now, add the cellpadding attribute and set its value to 5 to make the table look better :

<TABLE border="1" cellpadding="5">
<TR>
<TD>1st cell</TD>
<TD>2nd cell</TD>
</TR>

<TR>
<TD>3rd cell</TD>
<TD>4th cell</TD>
</TR>
</TABLE>

Of course the user can add more attributes to the table element and customize them to his or her own taste to render the table more gorgeous.
Lastly, select all again and click on the Normal or Inverted item from the Html menu's New Outline item to nest the table in an HTML document.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<HEAD>
<TITLE> New Web Page </TITLE>
<META name="Generator" CONTENT="Bhaum 1.13">
<META name="Author" CONTENT="Yong-gha-ree">
<META name="Description" CONTENT="">
</HEAD>

<BODY bgcolor="#FFFFFF" text="#000000">

<TABLE border="1" cellpadding="5">
<TR>
<TD>1st cell</TD>
<TD>2nd cell</TD>
</TR>

<TR>
<TD>3rd cell</TD>
<TD>4th cell</TD>
</TR>
</TABLE>

</BODY>
</HTML>
Finally, click on the View in Browser Button on the leftmost corner of the HTML Bar to view the result of what we've done so far through the default web browser :

1st cell 2nd cell

3rd cell 4th cell

Now, we can make it no matter what !
It's that easy :-)

End Of Document