HTML and CSS Reference
In-Depth Information
Ready Bake
HTML
<div class="tableRow">
<p class="heading">
Ship to
</p>
<p></p>
</div>
<div class="tableRow">
<p>
Name:
</p>
<p> <input type="text" name="name" value=""> </p>
</div>
<div class="tableRow">
<p>
Address:
</p>
<p> <input type="text" name="address" value=""> </p>
</div>
<div class="tableRow">
<p>
City:
</p>
<p> <input type="text" name="city" value=""> </p>
</div>
<div class="tableRow">
<p>
State:
</p>
<p> <input type="text" name="state" value=""> </p>
</div>
<div class="tableRow">
<p>
Zip:
</p>
<p> <input type="text" name="zip" value=""> </p>
</div>
<div class="tableRow">
<p>
Phone:
</p>
<p> <input type="tel" name="phone" value=""> </p>
</div>
<div class="tableRow">
<p>
Customer Comments:
</p>
<p>
<textarea name="comments" rows="10" cols="48"></textarea>
</p>
</div>
<div class="tableRow">
<p></p>
<p> <input type="submit" value="Order Now"> </p>
</div>
</form>
Notice th
at we've also got an empty ce
ll
in the rig
ht column, so we can just put
an
empty <p
> element here.
All the rows are
straightforward: a
“tableRow” <div> fo
r the
row, and each cell i
n a <p>.
A
nd for th
e last row
, we've go
t
a
n empty c
ell in the
left colum
n,
s
o again, w
e can use
an empty
<p>
e
lement fo
r that.