• 이용 문의
  • 회원가입
  • 로그인

[etc] HTML - <tt> -(티티태그) - 텔레타이프 텍스트 (※ HTML5에서 사용폐기)

<tt> 예제

 

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


결과보기

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

 

<tt> 정의 및 사용법

 

1.
<tt> 태그는 텔레타이프 텍스트 (Teletype Text) 의미

2.

<tt> 태그는 HTML5에서 지원 안 함.

3.
HTML5에서는 <tt> 요소 대신 아래 요소 이용.

키보드 입력 표시 경우 <kbd> 요소 이용.
변수 표시 경우 <var> 요소 이용 .
컴퓨터 코드 경우 <code> 요소 이용 .
컴퓨터 출력 경우 <samp> 요소 이용하거나 또는 CSS 사용.

 

4.
모든 브라우저 지원

 

 

 

CSS 텔레타이프 효과 (HTML5)

 

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


결과보기


즐겨찾기 (= 북마크) : Ctrl + D

토트넘 vs 리버풀 축구 시작
분류 제목
intro HTML - 발전사 (HTML 4.01 → XHTML → HTML5.0)
intro HTML - 태그 기본 문법 ★
basic HTML - <!DOCTYPE> ★★ (독타입태그) - 문서타입
basic HTML - <html> ★ (에이치티엠엘태그) - HTML문서
basic HTML - <body> ★ (바디태그) - 문서영역
font HTML - <h1> ~ <h6> ★ (에이치태그) - 문단제목 글씨크기
basic HTML - <p> ★ (= 피태그 = 피요소) - 글단락 (= 글문단)
basic HTML - <br> ★ (비알태그) - 줄바꿈 (=한줄아래로)
basic HTML - <hr> (에이치알태그) - 주제 다른 문단 구분 수평선(=가로선) - (HTML5 일부 속성…
basic HTML - <!--주석 내용--> ★ (주석태그) - 주석 처리
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
formatting HTML - <acronym> (애크로님태그) - 두문자어 : STF (IE6 이상) - (HTML5 지원 …
formatting HTML - <abbr> (어브르태그,어브리비에이션태그) - 축약어 : STF (IE7 이상)
formatting HTML - <address> (어드레스태그) - 문서 작성자나 소유자의 연락처
font HTML - <b> ★ (비태그, 볼드태그) - 굵은 글씨 (일반)
formatting HTML - <bdo> (브도태그) - 텍스트 출력 방향
font HTML - <big> (빅태그) - 큰 글씨 - (HTML5 지원 X)
formatting HTML - <blockquote> ★ (블락쿼트태그, 블럭쿼트태그) - 긴 인용구
formatting HTML - <center> ★ (센터태그) - 중앙정렬 - (HTML5 지원X)
formatting HTML - <cite> (사이트태그, 싸이트태그) - 인용구 제목 (저작물 제목)
formatting HTML - <code> (코드태그) - 컴퓨터 소스 코드 출력
formatting HTML - <del> (딜테그, 델태그, 삭제태그) - 텍스트 삭제 표시
formatting HTML - <dfn> (디에프엔태그, 드른태그, 데피니션태그, 정의태그) - 정의 용어 (= 용어 정의)
font HTML - <em> (엠태그, 엠퍼시스태그, 강조태그) - 의미 강조할 텍스트 굵게
font HTML - <font> ★ (폰트태그) - 텍스트의 폰트 크기 색깔 - (HTML5 지원X)
font HTML - <i> (아이태그, 이탤릭태그) - 이탤릭체 (기울어진 글씨체 = 글씨 기울어지게)
formatting HTML - <ins> (인스태그, 인서트태그, 인써트태그, 삽입태그) - 텍스트 삽입 표시
formatting HTML - <kbd> (케이비디태그, 크브드태그, 키보드태그) - 키보드 입력키
formatting HTML - <pre> (피리태그, 피리저브태그, 보존태그) - 공백 줄바꿈 보존
formatting HTML - <q> (큐태그, 쿼테이션태그, 짧은인용태그) - 짧은 인용구
목록

방문자 수

오늘 308
어제 398
최대 620
전체 452,085
Since 2012