728x90
반응형
순환하는 웹 사이트 만들기
예를 들어 화살표로 표시해둔 1번 기술소개 링크를 타고 들어가면
이렇게 기술소개를 해주는 사이트가 나오게 하려면 어떻게 해야할까?
1) 지금까지 만든 c.html 파일을 복제해서 index.html파일을 만들어준다.
2) 링크를 먼저 만든다음에 -> 링크에 해당하는 파일을 만들어준다.
<li><a href="1.html"></a> 기술소개</li>
이렇게 1.html이라는 파일은 없지만 먼저 링크를 파놓고 그다음에 파일을 만들어준다.
<사이트의 대문 index.html>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<html>
<head>
<title>HTML-수업소개</title>
<meta charset="utf-8">
</head>
<body>
<h1> <a href="index.html"></a>HTML </h1>
<ol>
<li><a href="1.html"></a> 기술소개</li>
<li> <a href="2.html"></a>기본문법</li>
<li><a href="3.html"></a> 하이퍼텍스트와 속성</li>
<li><a href="4.html"></a> 리스트와 태그의 중첩 </li>
</ol>
<h2>리스트와 태그의 중첩</h2>
리스트는 li를 쓰고, ul이나 ol로 감싸서 사용합니다.
</body>
</html>
|
cs |
<기술소개 링크에 해당하는 1.html 파일>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<!DOCTYPE html>
<html>
<head>
<title>HTML-수업소개</title>
<meta charset="utf-8">
</head>
<body>
<h1> <a href="index.html"></a>HTML </h1>
<ol>
<li><a href="1.html"></a> 기술소개</li>
<li> <a href="2.html"></a>기본문법</li>
<li><a href="3.html"></a> 하이퍼텍스트와 속성</li>
<li><a href="4.html"></a> 리스트와 태그의 중첩 </li>
</ol>
<h2>기술소개</h2>
HTML은 Hyper Text Markup Language의 약자로서 웹페이지를 만드는 언어입니다.
<h2> 수업의 목적 </h2>
본 수업은 HTML에 대한 심화된 내용을 다룹니다. HTML의 기본문법과 HTML의 주요한 태그들에 대한 수업을 담고 있습니다.
</body>
</html>
|
cs |
이런식으로 2.html~4.html 까지 만들어주면 된다.!
728x90
반응형
'HTML > 생활코딩' 카테고리의 다른 글
| [HTML기초] 입력양식 - form (0) | 2021.11.05 |
|---|---|
| [HTML 기초] table (0) | 2021.11.03 |
| [HTML기초] p태그,br태그,img태그 (0) | 2021.10.22 |
| [HTML 개념] 태그의 중첩과 목록 ,문서의 구조,DOCTYPE (0) | 2021.10.06 |
| [HTML 기초] 태그/ 하이퍼텍스트와 속성 (0) | 2021.09.26 |
댓글