윤제니

HTML - a, abbr, b, mark, em, strong, i 본문

HTML & CSS/HTML

HTML - a, abbr, b, mark, em, strong, i

꿈다루 2021. 2. 28. 18:23

<a>  : inline 요소

속성 의미 값  특징
download 리소스를 다운로드하는 용도로 사용됨을 의미  Boolean  
href 링크 URL URL 생략 가능
hreflang 링크 URL 언어 ko, en, ...  
rel 현재 문서와 링크 URL의 관계 license, prev, next, ...  
target 링크 URL의 표시 위치 _self(기본값), _blank  
type 링크 URL의 MIME 타입 text / html ...  

 => target 속성 

       1. _self : 현재 Tab에 새로운 페이지를 띄운다.

       2. _bleak : 새로운 Tab에 새로운 페이지를 띄운다. 

 

 

<abbr> : inline 요소 

 : 약어를 지정 (title 속성을 사용하여 전체 글자나 설명을 제공)

<abbr title="Dream Daru">Daru</abbr> is very Cute!

 

 

<b> : inline 요소 

 : 문체가 다른 글자의 범위를 설정 / 글자가 두껍게 표시 

 

 

<mark> : inline 요소

 : 하이라이팅 할 때 사용 / 글자 배경이 노란색으로 표시 

 

 

<em> : inline 요소

 : 단순한 의미 강조를 표시 

  • 중첩이 가능 : <em>   <em></em>   </em>
  • 중첩될수록 강조 의미 강해짐 

 

<strong> : inline 요소

 : 의미의 중요성을 나타내기 위해 사용 / 기본적으로 글자가 두껍게 표시 

 

 

<i> : inline 요소

 : 평범한 글자와 구분하기 위해 사용 / 특수기호, 아이콘 등 

 

HTML 코드
CSS 코드

 

결과 화면