2016-06-13 2 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

실제 코드입니까? .... 기본적인 것을 배울 필요가있다. 두 개의 doctypes, 두 개의 html 태그를 가질 수 없다 .... 첫 번째 ul과 같은 닫히지 않은 태그와'{}'의 괄호에있는 코드는 적절한 형식이 필요한 스타일이다. .. – DaniP

+0

문서에는 머리 태그 하나만 두 개가 있어야합니다. – Persijn

답변

0

나는 대답 해요 잘못된. 이것이 스택 오버플로의 정신입니다.

몇 개의 중복 태그가 있습니다.

대부분의 경우

, 다음 각 1에 충실하려고 :

  • DOCTYPE
  • <html> 태그
  • <head> 태그
  • <body> 태그
  • (폐문 </DOCTYPE> 태그가 없습니다)

예외 사항 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> 
관련 문제