Question

我有一个老版本的首页我正在玩弄。我打算在后台使用django进行繁重的工作，但是想到使用这个旧的Frontpage软件我会对前端有好处，但我发现它是以过时的方式编写代码。我正在阅读标签已被弃用，我们现在应该使用“风格”。我正在阅读的例子在段落

或标题标签中。但是我从frontpage获得的代码是使用表格单元格标签内的字体标签，所以我想知道写它的正确方法是什么。

以下是Frontpage

生成的代码

<td width="190" align="center" bgcolor="#000080" height="18"><b><a  href="index.htm">
    <font title="return to main page" color="#00FFFF" face="Verdana">Home</font></a></b></td>

我会改变它以便样式

<td width="190" align="center" bgcolor="#000080" height="18" style="color:#00FFFF;font-family:Verdana">
<b><a  href="index.htm">Home</a></b>
</td>

我的问题是现在表格单元格中的所有文字都是那个字体吗？所以，如果我想要表格单元格中的更多东西，而不仅仅是链接，我会把它放在哪里？另外我只是尝试过，而且font-family工作但不是颜色......？

Answer 1

您需要查找并花一些时间学习CSS。你可以用它做这样的事情：

CSS：

.linkstyle
{
   font-family: verdana;
   color: #00FFFF;
}

CODE：

<span style="linkstyle"><a href="index.htm">Home</a></span>

Answer 2

使用您发布的内联样式，这样可行。

<td style="width: 190px; height: 18px; text-align: center; background-color: #000080;">
     <a href="index.htm" style="color: #00FFFF; font-family: Verdana;"><strong>Home</strong></a>
</td>

作为旁注，你有几个非常糟糕的做法。使用表格来布置您的网站已经过时且难以使用（这就是它过时的原因）。使用内联CSS会让每个人（包括你自己）感到困惑。除了其他人发布的参考文献之外，我还建议http://htmldog.com/

Answer 3

为什么使用Frontpage？

获取一个免费编辑器（搜索一个），或者使用Notepad ++之类的东西自己创建它。使用Frontpage（gui）时，花在清理代码上的时间将完全浪费您的时间。

也使用CSS样式而不是内联bgcolor / font等;

Answer 4

您可以将<span>代码与class属性和css结合使用。

以下是关于这些内容的一些很好的参考资料：

HTML：http://www.w3schools.com/tags

CSS2：http://www.w3schools.com/css/css_reference.asp

CSS3：http://www.w3schools.com/css3/css3_reference.asp

<font>标签现在已弃用，所以</font>的正确方法是什么

4 个答案: