html初学者用记事本编码答案

【问题标题】：html beginner coding with notepadhtml初学者用记事本编码
【发布时间】：2013-09-09 18:57:41
【问题描述】：

您好，我学习媒体开发，我有一个问题。我在我的 html 文件中放了一个句子，但是当我在浏览器中打开文件时它不会显示。

<!doctype html>

<html lang="nl">

<head>

    <meta charset="utf-8" />

    <style type="text/css">
    #naam      {
                font-weight: bold;
              }
        #schuin    {
                font-style: italic;
              }
    #centreren {
        text-align: center;
          }

        </style>

    <title>
    opgave 3.1 Stijn Bastiaansen
</title>

</head>

    <body>
    Dit is mijn eerste website.

        <p> Mijn naam is: <span id="naam"> Stijn Bastiaansen. </span> </p>

        <p> <span id="schuin"> Ik volg deze opleding aan het ICT-Lyceum van het Roc Tilburg. </span> </p>

        <p> <span id="centreren> Tekst centreren </span> <p>

        <p align="right"> of rechts uitlijnen </P> 

        <p>kan ik ook al.

    </body>

</html>

浏览器没有显示 tekst centerren

【问题讨论】：

如果您真的在使用记事本进行编码，请帮自己一个大忙，get the (free) notepad++。它添加了引号/括号/括号匹配、语法突出显示和（最重要的）FTP 组件，一旦您保存，它就会自动上传您更改的文件。
关闭 id="centreren" .
调试的第一步应该是validate your document
关闭，因为问题是缺少引用，本质上是一个错字

标签： html css alignment center notepad

【解决方案1】：

我猜你只是忘了关闭  并且 span id 缺少引号

这应该可行：

<body>
    Dit is mijn eerste website.

        <p> Mijn naam is: <span id="naam"> Stijn Bastiaansen. </span> </p>

        <p> <span id="schuin"> Ik volg deze opleding aan het ICT-Lyceum van het Roc Tilburg. </span> </p>

        <p> <span id="centreren"> Tekst centreren </span> </p>

        <p align="right"> of rechts uitlijnen </p> 

        <p>kan ik ook al.</p>

</body>

【讨论】：

段落元素的结束标签是可选的。

【解决方案2】：

首先： 元素不适合全线宽度，因此（除非它具有固定宽度）它不会显示居中文本（因为它的宽度正好是文本/内容宽度）。

只需将样式应用于将跨越整个线宽的元素（例如）：

<p id="centreren"> Tekst centreren</p>

它不会影响这种简单示例的渲染（因为浏览器使用 HTML 非常简单），但还有其他错误需要注意：

centreren 的 id 属性的值没有用引号括起来，它们是可选的（即使在不平衡的情况下大多数现代浏览器也会理解它们）。在您的示例中，您打开它但没有关闭它，某些浏览器可能会因此而失败。
最后一个段落元素 未关闭。段落的结束标签是可选的（就像许多其他 HTML 结束标签一样），但 IMO 它有助于提高可读性。特别是对于新手来说，例如，<ul> 标签将关闭段落，因为它在  内是被禁止的，但起初（也是第二个）看起来你可能认为它是段落本身的子节点。

【讨论】：

段落元素的结束标签是可选的。
@cimmanon 是的，在这个简短的例子中是非常没用的（即使它使它更清楚）但在更复杂的页面中（可能存在不允许的标签）IMO 总是关闭要好得多他们（因为它可能无法验证其他内容）
当规范明确指出它们是可选的时，验证不会因为缺少结束段落标记而神奇地失败。是的，它增加了标记的清晰度（我确实建议关闭所有标签），但是说这是 OP 问题的原因是不诚实的。

【解决方案3】：

<body>
    Dit is mijn eerste website.
    <p> Mijn naam is: <span id='naam'> Stijn Bastiaansen. </span></p>
    <p>
        <span id='schuin'> Ik volg deze opleding aan het ICT-Lyceum van het Roc Tilburg.</span> 
    </p>
    <p>
        <span id='centreren'> Tekst centreren </span> 
    </p>        
    <p align='right'> of rechts uitlijnen </p> 
    <p>kan ik ook al.</p>
</body>

结果如下。 http://jsfiddle.net/BCxNb/

【讨论】：

OP 不是在询问内容是否居中，而是在询问为什么内容根本不显示。

【解决方案4】：

我猜你没有关闭最后一行的段落标签

kan ik ook al

这应该可以与 XHTML 不同，HTML 中不需要段落关闭标记，但最好关闭 HTML 中的所有打开标记。

输出：

Dit is mijn eerste website.
Mijn naam is: Stijn Bastiaansen.

Ik volg deze opleding aan het ICT-Lyceum van het Roc Tilburg.

of rechts uitlijnen

kan ik ook al.

【讨论】：

“我猜你没有关闭最后一行的段落标签”——没有明确说明，但他们不必这样做，这样做不会有任何区别。

【解决方案5】：

问题出在正文的最后一句。您必须关闭段落标签才能在您的网站上识别和呈现它。

【讨论】：

嗨！请包括一些代码。另外，您的答案与已经提供的其他答案不同吗？
这是不正确的。 p 元素的结束标记是可选的。