앞으로는 태그에 대해 공부 해보겠다. 태그의 종류는 굉장히 많으므로 태그관련 글이 엄청 많아질 것 같다. 물론 다 정리하기는 무리가 있으므로 자주 사용하는 태그는 표와 예시로, 많이 사용하지 않을 것 같은 태그는 예시없이 간단하게 표로만 정리하려고 한다.
일단 오늘은 웹 페이지에서 가장 많은 비중을 차지하는 부분인 글자 태그 부터 공부해보자!
글자 태그는 상당히 많은 종류가 있으므로 종류별로 정리하겠다.
1. 제목😊
제목을 입력할 때 사용 하는 '제목 글자 태그'
h는 heading를 의미하고 숫자는 크기 및 우선 순위를 나타낸다.
1) 사용 예시
2. 본문😏
1) 본문 태그 1
본문을 입력할 때 사용 하는 '본문 글자 태그'
p 태그는 paragraph의 줄임말로 단락을 의미하며 하나의 단락을 만들 수 있다.
(1) 사용 예시
2) 본문 태그 (2)
p 태그 외 사용 할 수 있는 본문 태그
br 태그는 개행(줄바꿈)을 해주고, hr태그는 수평 줄이 생긴다.
(2) 사용 예시
3. 앵커 태그 🤩
앵커 태그는 서로 다른 웹 페이지로 이동 하거나 웹 페이지 내부에 특정한 위치로 이동 할 때 사용 하는 태그이다.
물론 a 만으로 페이지가 넘어가는 것은 아니고 a태그에 href 속성을 사용하여 이동하고자 하는 웹 사이트를 지정해주어야 한다.
a 태그는 href 속성을 반드시 입력해야 하므로 별 다른 이동은 하지 않지만 웹 표준에 맞춰주기 위해서 '#'를 속성값으로 넣어 빈 링크를 만들어주는 경우가 있다.
- 참고 :
a태그를 이용해서 다른 웹 페이지로 넘어가는 것도 가능하지만 현재 페이지 내부에서 원하는 장소로도 이동이 가능하다! (다만, 원하는 장소에 id속성을 부여 해야 하고, href 속성에 #아이디 형태의 문자열을 입력해야 한다)
4. 글자 형태😁
글자 형태 태그를 사용해 웹페이지의 글자에 형태를 부여 한다.
5. 루비 문자😶
일본어에서 자주 사용되는 글자 형식이다.
우리나라에서는 그렇게 많이 사용되지는 않을 것 같아 간단하게 표로만 정리!
