Question

下面张贴的图片来自word文档。我需要在HTML中创建一个类似的。我应该使用哪些标签来帮助构建您在下面看到的相同方式。丢弃字体/颜色标签。

alt text http://img514.imageshack.us/img514/9879/23708848.jpg

Answer 1

http://www.w3schools.com/
只是学习一些基本的标签，如果你想让它变得漂亮，可能会有一些CSS。

Answer 2

正如James Black所说，MS Word或Open office可以自动将文档保存为html文件。从文件另存为然后选择网页。

无论如何，如果你想手动完成它，那么它不是你最终会使用的单个标签。我只是为你快速模拟了一个与你的形象非常相似的东西。

<!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>

希望有所帮助

如何设计一个非常简单的HTML页面？

2 个答案: