不知道如何问这个问题，但我处于停滞状态，不能再往前走了。我不是程序员，我不经常涉及代码，但我会感激任何帮助。
基本上，我已经为自己和其他教育工作者编写了用于标准化电子邮件签名的HTML。我想要做的是创建一个表单（Google表单），允许他们在HTML代码中输入名称，标题，电子邮件和电话号码等变量...然后让它在同一时间内回放呈现的HTML页面供他们复制，然后粘贴到他们的邮件客户端的电子邮件签名字段中。不要过多详细说明，但AD或LDAP发布现在不是我们的选择，所以这似乎是一个可以帮助所有各方的解决方案......如果我们能够实现它。
我理想的是拥有一个网页，让我们说页面的左半部分是表格，右边是提交时呈现的内容。
我该如何开始解决这个问题？这是我已经的静态代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 0px; padding-bottom:
0px; padding-right: 0px;">
<span style="text-align: left; color: #000000; font-family: Garamond; font-
size: 13pt; font-weight: bold">James McCrary</span><br>
<span style="text-align: left; margin-top: 0px; margin-bottom: 0px; color:
#606060; font-family: Garamond; font-weight: normal; font-size:
10pt;">Academic Technology Coordinator</span><br>
</td>
</tr>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 0px; padding-bottom:
0px; padding-right: 0px;">
<span style="text-align: left; color: #000000; font-family: Garamond; font-
size: 10pt; font-style: normal; font-weight: normal;">3200 Woodland Ridge
Boulevard <font size="1" color=“#000000”></a>|</font> Baton Rouge, LA
70816<br> Phone: 225-753-3180 ext.1352 <font size="1" color=“#000000”>|
</font> Fax: 225-555-5555<br></span>
</td>
</tr>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 0px; padding-bottom:
0px; padding-right: 0px;">
<span style="text-align: left; color: #000000; font-family: Garamond; font-
size: 10pt; font-style: normal; font-weight: normal;">E-Mail:
mccraryj@ehsbr.org <font size="1" color=“#000000”>|
</font>www.episcopalbr.org<br></span>
</td>
</tr>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 7px; padding-bottom:
0px; padding-right: 0px;">
<img src="http://www.episcopalbr.org/uploads/2/9/5/7/29573303/e-mail-
signiture_orig.jpg" nosend="1" border="0" width="148" height=“50”
alt=Episcopal School of Baton Rouge title=“Episcopal School of Baton Rouge”>
</a>
</td>
</tr>
<tr>
<td valign="top" style="padding-left: 8px; padding-top: 7px; padding-bottom:
0px; padding-right: 0px;">
<a href=https://www.facebook.com/episcopalbr/><img
src="http://www.episcopalbr.org/uploads/2/9/5/7/29573303/1468419350.png"
alt=Facebook style="width:28px;height:28px;”></a><a
href=https://www.instagram.com/episcopalbr/><img
src="http://www.episcopalbr.org/uploads/2/9/5/7/29573303/1468419163_1.png"
alt=Instagram style="width:28px;height:28px;"><a
href=https://www.instagram.com/episcopalbr/><img
src="http://www.episcopalbr.org/uploads/2/9/5/7/29573303/1468419163_1.png"
alt=Instagram style="width:28px;height:28px;"><a
href=https://twitter.com/EpiscopalBR><img
src="http://www.episcopalbr.org/uploads/2/9/5/7/29573303/1468419364.png"
alt=Twitter style="width:28px;height:28px;"><a
href=https://www.youtube.com/channel/UC_YRWq4LXw4ON07XoKFhxpA><img
src="http://www.episcopalbr.org/uploads/2/9/5/7/29573303/1468419371.png"
alt=Youtube style="width:28px;height:28px;"><a
href=https://plus.google.com/101907942367473945105/posts><img
src="http://www.episcopalbr.org/uploads/2/9/5/7/29573303/1468419380.png"
alt=Google+ style="width:28px;height:28px;">
</td>
</tr>
</tbody>
</table>
</body>
<style>
a {color: #000000;}
</style>
</html>