[etc] HTML - <tt> 태그 - 텔레타이프 텍스트 (= tt태그 = 티티태그)

1. <tt> 예제 - 텔레타이프 텍스트
2. <tt> 정의
3. CSS 텔레타이프 효과 (HTML5)

PS. HTML5 제외. CSS로 대체.

<tt> 예제 - 텔레타이프 텍스트

 

<p><tt>홈짱닷컴 Homzzang.com</tt></p>

결과보기

※ 보통의 글씨보다 글자가 작으면서 약간 간격이 벌어진 형태

<tt> 정의

 

텔레타이프 텍스트 (Teletype Text)로 표시.

 

---

1.

HTML5  제외.

 

2.
HTML5에서는 <tt> 태그 대신 아래 태그 사용.

 

키보드입력표시 : <kbd> 태그 
변수표시 : <var> 요소 
컴퓨터코드표시 : <code> 요소 이용 .
컴퓨터출력 : <samp> 요소 (또는 CSS 사용)

 

3.
모든 브라우저 지원

 

CSS 텔레타이프 효과 (HTML5)

 

<p style="font-family:'Lucida Console', monospace">홈짱닷컴 Homzzang.com</p>

결과보기