Member 13035888 Ответов: 3

Html код не работает

он просто отображает фоновое изображение без команды ul

Что я уже пробовал:

<title>SupZone-The Best Online Furniture Store



#mainpage {height:100%;width:100%;margin:none;}
#mainbody {height:100%;width:90%;margin:auto}
#header {height:60px;width:90%;border:2px solid black;font-size:50px }
#ul {background-color:brown;width:80%;height:40px;margin:auto;text-decoration:none; }









 

<div id="mainpage">
</div>
<div id="mainbody">
</div>
<div id="header">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>

Jochen Arndt

Он показал здесь три элемента списка до того, как ваш пост был исправлен :)

Однако закрывающий тег </title> отсутствует.

CHill60

Опередите меня - вот в чем действительно проблема

Graeme_Grant

В этом гораздо больше плохого...

Patrice T

этот код не является корректной html-страницей.

3 Ответов

Рейтинг:
2

Graeme_Grant

Ваши стили не завернуты в тег стиля; страница не имеет тела; вам также не хватает закрывающих тегов...

Вам нужно сделать следующее:

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>SupZone-The Best Online Furniture Store</title>
    <style>
        #mainpage {height:100%;width:100%;margin:0;}
        #mainbody {height:100%;width:90%;margin:auto}
        #header {height:60px;width:90%;border:2px solid black;font-size:50px }
        #ul {background-color:brown;width:80%;height:40px;margin:auto;text-decoration:none; }
    </style>
</head>
<body>
    <div id="header">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Contact us</a></li>
        </ul>
    <div id="mainpage">
        <p>main page goes here</p>
    <div id="mainbody">
        <p>main body goes here</p>
    </div>
    </div>
</body>
</html>a

Ваш код требует большой работы. Возможно, Вам будет проще работать с существующим фреймворком. Вот фреймворк с шаблонами, который поможет вам быстро начать работу: Bootstrap · самый популярный в мире мобильный и отзывчивый front-end фреймворк.[^]

Рейтинг:
2

Patrice T

Первая проблема заключается в том, что ваш код не является html-файлом.

Вы должны изучить структуру html-файла.
W3Schools Онлайн Веб-Уроки[^]

Рейтинг:
1

OriginalGriff

Ну... там есть проблемы.
Начните с закрытия вашего title тег-таким образом, остальная часть может быть обработана.