文件内容的代码如下:
<!DOCTYPE html>
<html>
<head>
<title>显示 .doc 文件内容</title>
<style>
/* 设置文档类型 */
body {
font-family: 'Arial', sans-serif;
}
/* 设置页面宽度和高度 */
html, body {
width: 800px;
height: 600px;
margin: 0 auto;
}
/* 设置段落样式 */
p {
line-height: 1.6;
}
/* 设置标题样式 */
h1, h2, h3, h4, h5, h6 {
font-family: 'Arial', sans-serif;
color: #333;
}
/* 设置标题大小和位置 */
h1 {
font-size: 24px;
margin-bottom: 10px;
}
h2 {
font-size: 20px;
margin-bottom: 5px;
}
h3 {
font-size: 16px;
margin-bottom: 3px;
}
/* 设置列表样式 */
ul, ol {
list-style: none;
padding: 0;
}
li {
line-height: 1.6;
}
/* 设置表格样式 */
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
/* 设置居中样式 */
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
</style>
</head>
<body>
<div class="container">
<h1>显示 .doc 文件内容</h1>
<p>这是一个简单的 HTML 文档,用于显示 Word 文档的内容。您可以将 <strong>附件</strong> 的内容粘贴到此处,以将其包含在您的网页中。</p>
<h2>附件:</h2>
<p>
<a href="附件1.doc">附件1.doc</a>
<br>
<a href="附件2.doc">附件2.doc</a>
</p>
</div>
</body>
</html>
请注意,此代码将显示 Word 文档的内容,但不会对其进行格式化。如果您想对文档进行格式化,请使用 Word 自己的导出功能将文档导出为 HTML 或其他格式,然后将其与上面的代码一起使用。
领取专属 10元无门槛券
手把手带您无忧上云