이의준

실제 웹페이지 (디자인 미적용)

1 +<!doctype html>
2 +<html>
3 +<head>
4 + <title>BUS TT</title>
5 + <meta charset="utf-8">
6 + <style type="text/css">
7 + a { text-decoration:none } /* 하이퍼링크 밑줄 미적용
8 + a { color:red; text-decoration:none} : 색깔 변화없음
9 + */
10 + </style>
11 +</head>
12 +
13 +<body>
14 + <h1><p style="text-align:center;">BTT</p></h1>
15 + <br>
16 + <h2> 사색의 광장 Bus Time Table 조회 서비스에 오신 것을 환영합니다.</h2>
17 + <p> 이곳에는 사색의 광장에서 출발하는 모든 버스의 정보가 있습니다.</p>
18 +
19 + <ul>
20 + <li><a href="search.html">시간표 조회</a></li>
21 + <li>목차2</li>
22 + <li>목차3</li>
23 + </ul>
24 + <br>
25 + <p>설명</p>
26 +
27 +
28 +</body>
29 +</html>
1 +<!doctype html> <!--이 웹페이지가 html로 만들어졌다는 태그-->
2 +<html> <!--head와 body를 감싸는 태그-->
3 +<head> <!--본문을 설명하는 태그-->
4 + <title>webpage frame</title>
5 + <meta charset="utf-8">
6 +</head>
7 +
8 +<body> <!--본문에 해당하는 태그-->
9 + <h1> webpage frame</h1>
10 +
11 + <ul>
12 + <li>목차1</li>
13 + <li>목차2</li>
14 + <li>목차3</li>
15 + </ul>
16 +
17 + <p>내용 1</p>
18 + <p>내용 2</p>
19 + <!-- target: 새 탭을 여는것-->
20 + <p><a href = "https://www.google.com/webhp?hl=ko&sa=X&ved=0ahUKEwjzxPrzkOrwAhWsF6YKHTq_CFwQPAgI" target = "_blank" title = "하이퍼링크 설명"> Go to google</a></p>
21 +</body>
22 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!doctype html>
2 +<html>
3 +<head>
4 + <title>Time Table</title>
5 + <meta charset="utf-8">
6 + <style type="text/css">
7 + a { text-decoration:none }
8 + </style>
9 +</head>
10 +
11 +<body>
12 + <h1><a href="Index.html"><p style="text-align:center;">BTT</p></a></h1>
13 + <br>
14 + <h2>Search Time Table</h2>
15 + <p>출발: </p>
16 + <p>도착: </p>
17 +
18 +
19 +</body>
20 +</html>