HTML 목록 관련 태그 기본 정리 및 글자가 움직이는 태그

블로그에 글을 쓰는 것을 첫 번째 목표로 이번에는 목록 관련 태그를 정리하고 예전에 내가 코딩 수업을 들었을 때 했던 예시를 보여주고자 한다. 목록 내부의 새로운 하위 목록도 가능하기 때문에 목록 속 목록이 자유롭다. 목록에 대해서는 다시 한번 다뤄봐야겠다. 

목록

순서가 없는 목록: <ul>
순서가 있는 목록: <ol>
각 목록 요소: <li>
정의 목록: <dl> 

HTML 목록 관련 예시

다음으로는 움직이는 태그에 대해서 재밌어서 가져와봤다. 글자가 움직이는 게 보인다면 바로 이것을 하는 방법에 대해서 적어보겠다. 재미있게 글을 쓸 수 있을 거 같아서 가져와 본 태그 !

 

HTML <marquee>

이렇게 설정해주면 된다. 기본적으로 왼쪽으로 흘러가지만 아래서 위로 올리고 싶거나 한다면 <marquee direction ="방향"> 태그를 해주면 된다. 그리고 해당 태그는 단독으로 사용이 어렵기 때문에 닫는 태그를 꼭 써줘야 한다. 아니면 그 아래 부분이 전부 다 움직일 수 있다. 또 블로그에서는 항상 HTML모드로 글을 적을 수 있기 때문에 적고 미리보기로 확인하는 건 필수다. 그리고 다시 기본 모드로 돌아와서 글을 적어도 된다. 하여튼 많은 구독자님들이 한 번쯤은 재미 삼아 써봐도 좋을 거 같아서 가져왔다. 끝