[HTML] - 3 웹사이트 만들기

신현동·2020년 9월 25일
0
post-thumbnail
  • 설명 안하고 순서로만 말함

1.주제


  • 무엇에 대해 설명하고 다룰건지 주제를 설정한 다음, 배운것을 토대로 정리해서 태그로 나타내보자.

2.태그로 나타내어보기


<!DOCTYPE html>
<html>
<head>
    <title>요미가 누구?</title>
    <meta charset="utf-8">
</head>
<body>
<h1>우리집 고양이소개</h1>
<ol>
    <li>이름</li>
    <li>묘종</li>
    <li>좋아하는것</li>
    <li>싫어하는것</li>
</ol> 

</body>   
</html>
  • 이렇게 내가 키우는 고양이에 대한 정보를 토대로 태그로 나타내어 봤다

3. 리스트에 있는 정보들 링크 추가하기


<!DOCTYPE html>
<html>
<head>
    <title>요미가 누구?</title>
    <meta charset="utf-8">
</head>
<body>
<h1><a href="0.html"></a>우리집 고양이소개</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>
이름은 요미고 귀요미 로 부터 파생되었음, 분양전 본명은 타요
</body>   
</html>
  • 링크를 만든다음에 " 다른이름으로 저장하기 " 기능을 사용해서 링크로 연결될 웹페이지를 다수 만든다.

4.끝


  • 이런식으로 링크마다 연결되는 웹사이트가 각각 리스트에 따라서 달라짐
profile
코딩 초보

0개의 댓글