html - html初学者用记事本编码

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 centerren

score 0 · Accepted Answer

First of all:  element will not fit to full line width so (unless it has a fixed width) it won't display centered text (because its width is exactly text/content width).

Just apply the style to an element that will span to the whole line width (such as ):

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

It doesn't affect rendering of such simple example (because browsers are pretty easy with HTML) but there are other ~~errors~~ things you should pay attention:

Value of id attribute for centreren isn't enclosed with quotes, they're optional (and even when unbalanced most modern browsers will understand them). In your example you open it but you don't close it and some browsers may fail for that.
Last paragraph element  isn't closed. Closing tag for paragraphs is optional (like many others HTML closing tags) but IMO it helps a lot readibility. Especially for newbies, for example, a <ul> tag will close paragraph because it's forbidden inside  but at first (and second too) look you may think it's a child node of paragraph itself.

score -1 · Accepted Answer

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

score -1 · Accepted Answer

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

kan ik ok 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.

score -2 · Accepted Answer

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

score -3 · Accepted Answer

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

here's the result. http://jsfiddle.net/BCxNb/

html - html初学者用记事本编码

5 回答 5

Related

Reference