2017-07-20 14 views
0

はHTMLコードです:なぜこのHTMLコードが傾いていますか?ここ

<!DOCTYPE.html> 
<html> 

<head> 
    <title>bob is a big fat baby</title> 
</head> 
</body> 
this is my first webpage 
<h1>this is u are bob baby<h1> 

     <h2>how exciting<h2> 
     <ol> 
     <ol>bob is a big fat baby<ol> 
     <ol> he really needs a life<ol> 
     <p>spinz.io the very fun game<p> 
     <p><a href="spinz.io</a></p> 

     spinz.io a very fun game 
     <p> please be honest and put in the box yes or no if u are bob baby or not <p> 

この中prbolemは何?試してみると、すべてのテキストが傾いていました。 また、テキストボックスもありませんでした。 その他の問題がある場合は、お知らせください。

+0

斜めとはどういう意味ですか? – drum

+2

ようこそStackOverflow!残念ながら、あなたの上記のコードは**謎めいた**です。 [HTML **の基本**](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics)を読んで、必要なHTML構造に従っていることを確認してください出力を正しく表示するためのコード。 [** W3 Markup Validator **](https://validator.w3.org)でコードが正しいことを検証できます。 –

答えて

1

HTMLパーサーが混乱しているため、HTMLコードが傾いている可能性があります。これは、コードに無効なマークが含まれているためです。 basics of HTMLを読んで必要なHTML構造を学び、コードがW3 Markup Validatorの構造に正しく従っていることを検証できます。

ここで、上記のコードで間違ったことのいくつかの短いリストです:

  1. !DOCTYPE htmlがドットではなくスペースを持っている必要があります。
  2. </body><body>する必要があります - スラッシュは、あなたがタグを閉じている、とあなたはまだ<body>を開いていないことを示しています。
  3. 閉じる(ほぼ)すべてのタグ<h1></h1>などが必要です。
  4. 外部リソース(またはWebサイト)にリンクするときは、そのリンクをプロトコルの前に置く必要があります。この場合はhttp://wwwとなり、spinz.iohttp://www.spinz.ioとなります。
  5. </body></html>の両方を閉じる必要があります。

あなたが始めるのに役立つ、ここで正しいマークアップと上記のコードは次のとおりです。

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>bob is a big fat baby</title> 
 
</head> 
 

 
<body> 
 
    <h1>this is my first webpage</h1> 
 
    <h2>this is u are bob baby</h2> 
 
    <h2>how exciting</h2> 
 
    <ol> 
 
    <li>bob is a big fat baby</li> 
 
    <li>he really needs a life</li> 
 
    <li>spinz.io the very fun game - <a href="http://www.spinz.io">spinz.io</a></li> 
 
    </ol> 
 
    <p>please be honest and put in the box yes or no if u are bob baby or not</p> 
 
</body> 
 

 
</html>

は、この情報がお役に立てば幸い! :)

関連する問題