본문 바로가기
Programming/HTML CSS

HTML, CSS 기본 글자 태그 알아보기! (a태그, a href ...)

by 심코딩 2022. 8. 19.

오늘은 글자 태그에 대해서 배워보았습니다. 복습겸 공유로 포스팅 합니다.

 

html에서는 글자에 태그를 넣어서 글자의 속성을 바꿀 수 있습니다. style 속성으로 현재는 많이 대체가 되었지만 그래도 몇가지 기본적인 것들을 알고 넘어가는게 좋을 것 같습니다.

 

 


 

  • a 태그: anchor의 약자, 현재 가장 중요한 태그 중의 하나이며 보통 문서나 url에 링크를 걸 때 사용
  • a href를 이용하여 하이퍼 링크를 걸 수 있음.
<body>
    
<a> 심코딩 입니다 </a> <br>
<a href="http:/s1mcoding.tistory.com"> 심코딩 입니다</a>

</body>


  • b 태그: bold의 약자, 글자를 진하게 해줍니다.
<body>

심코딩 입니다 <br>
<b> 심코딩 입니다</b>

</body>

 


  • I 태그: Italic의 약자, 글자를 기울여 줍니다.
<body>

심코딩 입니다 <br>
<i> 심코딩 입니다</i>

</body>

 


  • sub 태그: 글자를 아래쪽에 위치 하게 합니다.
  • sup 태그: 글자를 위쪽에 위치 하게 합니다.
<body>

심코딩 입니다 <br>
<sub> 심코딩 입니다</sub>
<sup> 심코딩 입니다</sup>

</body>


  • ins 태그: 밑줄을 칩니다
  • del 태그: 글 중간에 줄을 칩니다
<body>

심코딩 입니다 <br>
<ins> 심코딩 입니다</ins>
<del> 심코딩 입니다</del>

</body>


댓글