2016-06-13 4 views
-1

私はコースをやっているので、HTMLとJavaScriptの部分には順序付けられていないリストがあります。コースのこの部分は、HTML、CSS、およびJavascriptで順序付けられていないリストを作成することです。何が欠けているか、追加する必要がありますか?JavaScript、HTML、CSSで並べ替えられていない問題

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="UTF-8"> 
    <head> 
    <title>My CSS experiment</title> 
    <link rel="stylesheet" href="style.css"> 
    </head> 
    <body> 
    <u> 
     <li>Hello World!</li> 
     <li>This is my first CSS example</li> 

<!DOCTYPE html> 
<html lang="en"> 
    <h3>List of items</h3> 
    <ul> 
    <li>first item</li> 
    <li>second item</li> 
    <li>third item</li> 
    </ul> 

    <ul> {float: left; list-style-type:none;} 
    <ul> li {float: left; margin-right:20px;} 
    <ul> li span {display:block} 

    </body> 
</html> 
+0

これは実際のコードですか? ....あなたは基本的なことを学ぶ必要があります.2つのdoctypes、2つのhtmlタグを持つことはできません。最初のulのような閉じられていないタグと、{}}のコードは適切な形式が必要です。 .. – DaniP

+0

文書にheadタグを1つだけ持たないようにしてください。 – Persijn

答えて

0

私はそれは(あなたが今にしているものは何でももちろん以下と誰)あなたの学習をより便利だろうと思うので、私はいくつかの修正情報を投稿し、何をやっているあなたに伝え答えますよ違う。これはスタックオーバーフローの精神です。

あなたはいくつかの重複タグを持っています。

ほとんどの部分については、次の各の1に固執しよう:

  • DOCTYPEは(何の終了</DOCTYPE>タグを持っていません)
  • <html>タグ
  • <head>タグ
  • <body>タグ

例外はo DOCTYPEの場合は、それぞれの終了タグが必要です。

あなたの(訂正された)コードを実際に見てください。

http://codepen.io/anon/pen/VjaXwd?editors=1000

さて、それは言われて、あなたは確かに長い道のりを持っています。コードの世界へようこそ!

0
<!DOCTYPE html> 
    <body> 
     <h4>An Unordered List:</h4> 
     <ul> 
      <li>Coffee</li> 
      <li>Tea</li> 
      <li>Milk</li> 
     </ul> 
    </body> 
</html> 
関連する問題