Search
K
🖋

HTML의 기초 Practice

짜잔! 반갑습니다. 이곳은 Practice 입니다.
Practice에는 이전에 배운 내용들을 주제별로 직접 연습해볼 수 있는 코드펜 링크들이 있습니다.
코드펜 링크에 접속하면 HTML 또는 CSS, 그리고 나중에 배울 JavaScript 코드를 작성할 수 있는 창들이 나타납니다.
먼저 HTML 코드를 볼까요?
<!-- --> 모양으로 감싸진 텍스트들은 회색으로 표시되며 HTML 태그 또는 텍스트가 아닌 것으로 해석됩니다. 말하자면 HTML 문서 내에서 아무 역할도 하지 않게 됩니다.
이렇게 HTML 문서 내에 존재하지만 아무 역할도 하지 않는 텍스트를 "코드 주석(comment)" 이라고 부르고, 주로 작성된 코드를 설명하는 용도로 사용됩니다.
이 코드 주석을 사용해서 여러분이 해결해야 하는 문제들을 설명해 두었습니다.
초록색 체크(✅)를 찾아서 그 아래에 적힌 설명을 읽어보세요. 가끔은 말풍선(💬)을 찾아서 고쳐야할 때도 있습니다. 아무쪼록, 먼저 초록색 체크 아랫부분의 설명을 먼저 읽어보시기 바랍니다!

heading tag

<h1></h1>
<h2></h2>
<h3></h3>

list tag

list 태그는 할일 목록 등 리스트로 나열되어야 하는 것들을 표현할 때 사용합니다.
<ul>
<li></li>
<li></li>
<li></li>
</ul>

line break tag

HTML에서 작성된 텍스트를 줄바꿈 하더라도, 문서에는 줄바꿈이 반영되지 않습니다.
HTML에서 작성된 문서에 줄바꿈을 추가하려면 line break를 사용해야 합니다!
<br>