본문 바로가기
html

[html 기초] b, strong, em, i, cite, small 태그

by 지구별에 2014. 3. 18.

 

 

 [html 기초] b, strong, em, i, cite, small 태그

 

 

전 시간에는 제목을 나타내는 태그 <h1>~</h6>에 대해 알아 보았습니다.

 

[html 기초] 제목 태그 h1, h2, h3, h4, h5, h6

 

 

이번 시간에는 글씨체를 굵게, 이탤릭체로, 작게 나타내는 태그에 대해 알아볼게요.

 

 

 

 

<b>

bold 의 약자입니다. 글씨를 굵게 지정합니다. 밑에 나오는 <strong> 태그와 유사함..

 

사용 방법 :  <b>내용</b>

 

 

<strong>

글자를 굵게 표시하여, 텍스트를 중요하게 보이고자 할 때 사용합니다.

 

사용 방법 :  <strong>내용</strong>

 

 

<em>

emphasized text 즉 특정 텍스트를 강조하고자 할 때 사용합니다.  밑에 나오는 <i>와  비슷합니다.

 

사용 방법 :  <em>내용</em>

 

<i>

이탤릭체로 표시할 때 씁니다.

 

사용 방법 :  <i>내용</i>

 

 

<cite> 

주로, 작품명( 그림 이름, 책 이름, 영화 이름 등)을 표시하거나 인용할 때 씁니다

 

사용 방법 :  <cite>내용</cite>

 

 

<small>

 

글자를 조그맣게 표시하고자 할 때 사용합니다.

 

사용 방법 :  <small>내용</small>

 

 

 

사용 예:  

 <html>
 <head>
 <title>지구별 안내서</title>
 </head>

<body>

<b>b: 월요일</b>
<strong>strong: 월요일</strong>
<em>em: 화요일</em>
<i>i: 목요일</i>
<cite>cite: 목요일</cite>
<small>small: 금요일</small>
지정 안함: 토요일(브라우저 기본 글꼴)

</body>
</html>

 

 

 

실행 화면입니다:

 

<b>와 <strong>은 둘 다 굵은 글씨체이며

 

<em> <i> <cite>는 셋 다 기울임꼴입니다.

 

전 시간에서 살펴본 것처럼, 글자에 별도의 스타일을 지정하지 않으면, 사용하고 있는 브라우저에 기본 설정된

 

글꼴이 나옵니다.

 

 

table 태그, tr 태그, th 태그, td 태그와 table 속성 정리

 

 html, css, javascript 주석 처리 방법

 

CSS란? (HTML과 CSS의 차이, CSS 작성법)

 

 

 

 

반응형

댓글