Question

您好，我研究媒体开发，我有一个问题。我在我的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 centreren

Answer 1

我猜你只是忘了关闭<p>并且跨度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>

Answer 2

首先：<span>元素不适合整行宽度，因此（除非它有一个固定的宽度）它不会显示居中文本（因为它的宽度恰好是文本/内容宽度）。

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

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

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

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

Answer 3

我猜你还没有在最后一行关闭段落标记

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.

Answer 4

<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/

Answer 5

问题出在正文的最后一句。您必须关闭段落标签，以便其被识别并显示在您的网站上。

使用记事本进行html初学者编码

5 个答案: