HTML代码中的字体大小

9
  <html>
  <tr>
  <td style="padding-left: 5px;padding-bottom:3px; font size="35;""> <b>Datum:</b><br/>
                            November 2010 </td>
  </html>

我的代码正确吗?我想增加第一行的字体大小。不确定这里是否需要放两个引号。似乎没有生效。


@RoToRa:我很多年前学过它们,但现在已经忘记了...就像我学HTML时也忘记了一样...如果你不想在这里提供帮助,那没关系。那就不要回复了。我的意思是,我认为论坛的目的是为了互相帮助,不仅是新手,还要分享彼此的想法。 - tintincutes
请收藏此网站:http://w3schools.com/ 它是CSS和其他相关内容的好参考资料。 - DwB
不,w3schools.com充满了错误和半真半假的内容。规范比w3schools更好地作为参考。 - Quentin
推荐一个不错的教程是有帮助的。(这并不是回答问题,但RoToRa发表了评论,而不是答案)。 - Quentin
哎呀!放下那种态度,伙计们!世界上有各种各样的人!!! - Do Will
9个回答

17

试一下这个:

<html>
  <table>
    <tr>
      <td style="padding-left: 5px;
                 padding-bottom: 3px;">
        <strong style="font-size: 35px;">Datum:</strong><br />
        November 2010 
      </td>
    </tr>
  </table>
</html>

注意,我还包括了table标签,这是你似乎忘记了的。如果你希望它显示为一个表格,这个标签必须要包含。


这段代码与其他代码类似,但是这个能够工作,不明白为什么。 - tintincutes
这是因为表格标签.. :) - Good Samaritan
你是什么意思说“table标签”? - tintincutes
哦,我可能误读了你的问题,我现在已经更新了我的答案。 - Good Samaritan
您的代码中忘记了table标签。如果您希望文本显示在表格单元格中,则必须包含该标签。 - Good Samaritan
显示剩余3条评论

10
font-size:35px;
就像这样:
<html>
  <table>
  <tr>
  <td style="padding-left:5px;padding-bottom:3px;"> 
    <strong style="font-size:35px;">Datum:</strong>
    <br/>
    November 2010 
  </td>
  </tr>
  </table>
</html>

虽然内联样式是一种不好的做法,你应该给元素添加类名。同时,你应该使用 <strong></strong> 标签代替 <b></b>


尝试一下...我误读了你的帖子,现在第一行将比第二行更大。 - jimplode
1
值得指出的是,使用像素作为字体大小(http://css-discuss.incutio.com/wiki/Using_Pixels)存在的问题,并建议使用样式表而不是样式属性。关于`<strong><b>的建议并不总是适用,有时候font-weight<strong>`更好的选择。 - Quentin
@Christ 大喊:你在代码中漏掉了 </tr>..我会尝试这个。 - tintincutes
@tintincute - 你原始帖子中缺少相同的</tr>。 - Matt
@David Dorward:对于屏幕阅读器等,仍建议使用<strong>而不是<b>。是的,控制加粗程度应通过样式完成。 - jimplode
不,当您想要表达更强的强调时,建议使用strong。如果您只是想要没有强调的粗体文本(有时人们会这样做),那么您不应该给浏览器(包括屏幕阅读器)提供错误的语义。 - Quentin

3

您不需要那些引号

<td style="padding-left: 5px;padding-bottom:3px; font-size: 35px;"> <b>Datum:</b><br/>
                        November 2010 </td>

@tintincute - 这应该是可以工作的。它具体在做什么? - Spudley
@tintincute:这应该可以工作,你得到了任何变化吗? - jknair
我将其复制到这里,然后粘贴到我的代码中并在浏览器中运行。 - tintincutes

1

这里有几个答案可以给你想要的文本效果,但是...

关于表格的事情是,它们是标签和数据的有组织的集合。在同一个单元格中既有标签(“Datum”),又有它所标记的值是非常错误的。标签应该在<th>元素中,值应该在<td>元素中,无论是在同一行还是同一列(取决于您尝试实现的数据排列方式)。您可以垂直或水平或两者都有<th>元素,但如果没有标题单元格(这就是<th>的含义),那么您就没有表格,只有一个毫无意义的文本网格。最好还是使用<caption>元素来标记整个表格(您不必显示标题,但应该为可访问性而存在),并在表格标记中使用summary="blah blah blah"属性,也是为了可访问性。因此,您的HTML代码可能看起来更像这样:

<html>
  <head>
    <title>Test page with Table<title>
    <style type="text/css">
      th {
        font-size: 35px;
        font-weight: bold;
        padding-left: 5px;
        padding-bottom: 3px;
      }
    </style>
  </head>
  <body>
    <table id="table_1" summary="This table has both labels and values">
      <caption>Table of Stuff</caption>
      <tr>
        <th>Datum</th>
        <td>November 2010</td>
      </tr>
    </table>
  </body>
</html>

这可能并不是您想要的精确信息 - 很难从您发布的内容中确定11月2010是数据点还是标签,而且"Datum"也没有提供有用的标签。试着调整一下,但请确保表格最终具有某种语义含义。如果不是真正的数据表,则不要使用<table>进行布局。


0
<html>        
    <table>
        <tr>
            <td style="padding-left: 5px;padding-bottom:3px; font-size:35px;"> <b>Datum:</b><br/>
            November 2010 </td>
    </table>
</html>

0

只需以正确的方式编写CSS属性,例如:

font-size:35px;

0

不需要引用CSS属性,你应该指定一个单位。(你也应该使用外部CSS文件..!)


-1

我建议您使用CSS,因为似乎您将在以后重复这些行。但是为了回答您的问题:

<html>
  <head>
  <style type="text/css">
    td.randname {
        padding-left: 5px;
        padding-bottom:3px;
        font-size:35px;
    }
  </style>
  </head>
  <body>
  <table>
  <tr>
  <td class="randname"> <b>Datum:</b><br/>
                            November 2010 </td></tr>
                            </table>
  </body>
</html>

-2
正确设置字体大小的 CSS 为 "font-size: 35px"。例如:
 <td style="padding-left: 5px; padding-bottom:3px; font size: 35px;">

请注意,这将以像素为单位设置字体大小。您还可以按* em *或百分比设置它。在此处了解有关CSS中字体的更多信息:http://www.w3schools.com/css/css_font.asp

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接