인라인 텍스트 태그

hoicryu·2020년 11월 17일
0

html

목록 보기
6/14
# 인라인 텍스트

<a> { display: inline; }
  다른 페이지, 같은 페이지 위치(#, 해시 태그), 파일, 이메일 주소, 전화번호 등 다른 url로 연결
  할 수 있는 하이퍼링크를 설정
  	download 속성 - 값 : 불린(boolean)
  	href 속성 - 값 : url
  	rel 속성 - 값 : license, prev, next..
  	target 속성 - 값 : _self, _blank - 기본값 : _self
  	type 속성 - 값 : text/html..
 
<abbr> { display: inline; }
  약어를 지정.
  	title 속성 - 전체글자나 설명
  
<b> { display: inline; }
  문체가 다른 글자의 범위를 설정.
  * 특별한 의미를 가지지 않음
  * 읽기 흐름에 도움을 주는 용도로 사용
  * 다른 태그가 적합하지 않은 경우 마지막 수단으로 사용
  * 기본적으로 글자가 두껍게 표시됨
  
<mark> { display: inline; }
  사용자의 관심을 끌기 위해 하이라이팅을 할 때 사용
  * 기본적으로 형광펜을 사용한 것처럼 글자 배경이 노란색으로 표시됨
  
<em> { display: inline; }
  단순한 의미 강조를 표시 
  * 중첩이 가능
  * 중첩될수록 강조 의미가 강해짐
  * 정보통신보조기기 등에서 구두 강조로 발음됨
  * 기본적으로 이태릭체로 표시됨
  
<strong> { display: inline; }
  의미의 중요성을 나타내기 위해 사용
  * 기본적으로 글자가 두껍게 표시됨
  
<dfn> { display: inline; }
  용어를 정의할 때 사용
  
<cite> { display: inline; }
  창작물에 대한 참조를 설정 (책, 논문, 영화, tv프로그램 등의 제목)
  기본적으로 이태릭체로 표시
  
<i> { display: inline; }
  <em>, <strong>, <mark>, <cite>, <dfn>등에서 표현할 수 있는 적합한 의미가 아닌경우 사용
  평범한 글자와 구분하기 위해 사용
  *기본적으로 이태릭체 표시
    
<q> { display: inline; }
  짧은 인용문을 설정
  * 긴인용문을 설정할 경우 <blockquote>를 사용
  	cite 속성 - 값 : url
  
<u> { display: inline; }
  밑줄이 있는 글자를 설정
  * 순수하게 꾸미는 용도의 요소로 사용
  * <a>와 헷갈릴 수 있는 위치에서 사용하지 않도록 주의
  * <span style="text-decoration: underline;">을 활용할 수 있을 경우에는 사용을 권하지 않음
  
<code> { display: inline; }
  컴퓨터 코드 범위를 설정
  * 기본적으로 고정폭 글꼴 계열로 표시됨
  
<kbd> { display: inline; }
  텍스트 입력 장치에서 사용자 입력을 나타내는 텍스트 범위를 설정
  
<sup>, <sub> { display: inline; }
  위 첨자<up>, 아래 첨자<sub>를 설정
  
<time> { display: inline; }
  날짜나 시간을 나타내기 위한 목적으로 사용.
  	datetime 속성 - 값: date
  	* ie 지원 불가
  
<span> { display: inline; }
  본질적으로 아무것도 나타내지 않는 콘텐츠 영역을 설정
  
<br/> { display: inline; }
  줄바꿈을 설정
  
profile
There's more to do than can ever be done

0개의 댓글