ナビゲーションの作成について

ナビゲーションバーの作成を行いましたが、うまくいきません。
コードはこのようにしたのですが、CSSの指定の仕方のせいでしょうか。
縦のレスポンシブにしたいです。

HTML
1<ul class="navigation">
2<a href="#">リンク1</a>
3<a href="#">リンク2</a>
4<a href="#">リンク3</a>
5<a href="#">リンク4</a>
6<a href="#">リンク5</a>
7<a href="#">リンク6</a>
8<a href="#">リンク7</a>
9<a href="#">リンク8</a>
10</ul>

CSSファイルは回答がえられないようなら追記します。

行動規範の内容に同意します

回答1件

ベストアンサー

質問者さんがHTML5でサイトを作成しているとします。
ulタグの中にはliタグかolタグが必要です。
それを踏まえたうえで、質問者さんのいうようなナビゲーションバーは以下のように実現することができます。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8">
5    <title>タイトル</title>
6    <style type="text/css">
7        * {
8            margin: 0;
9            padding: 0;
10        }
11
12        ul {
13            list-style-type: none;
14        }
15
16        a {
17            text-decoration: none;
18        }
19
20        nav {
21            background: #222;
22            width: 100%;
23        }
24
25        nav li a {
26            color: #fff;
27        }
28    </style>
29</head>
30<body>
31<nav>
32    <ul>
33        <li><a>リンク</a></li>
34        <li><a>リンク</a></li>
35        <li><a>リンク</a></li>
36        <li><a>リンク</a></li>
37        <li><a>リンク</a></li>
38    </ul>
39</nav>
40<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
41<script>
42</script>
43</body>
44</html>