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

Это ваш фактический код? .... Вам нужно изучить базовые, вы не можете иметь два доктрины, два html-тега .... закрытые теги, такие как первая ul, и этот код в '{}' скобках - это стиль, в котором вам нужен правильный формат. .. – DaniP

+0

У вас должен быть только один заголовок в документе, а не два. – Persijn

ответ

0

Я отвечаю, потому что я думаю, что было бы более полезным для вашего обучения (и любого других следующим независимо конечно вы находитесь в данный момент), чтобы получить возможность отправлять некоторую корректирующую информацию и сказать вам, что вы делаете неправильно. Это дух переполнения стека.

У вас есть несколько повторяющихся тегов.

По большей части, старайтесь придерживаться 1 каждого в следующем:

  • DOCTYPE (не имеет закрывающего </DOCTYPE> тег)
  • <html> Tag
  • <head> Tag
  • <body> Tag

исключая o f 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> 
Смежные вопросы