|
[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> <body> <b>b: 월요일</b> </body> |
실행 화면입니다:
<b>와 <strong>은 둘 다 굵은 글씨체이며
<em> <i> <cite>는 셋 다 기울임꼴입니다.
전 시간에서 살펴본 것처럼, 글자에 별도의 스타일을 지정하지 않으면, 사용하고 있는 브라우저에 기본 설정된
글꼴이 나옵니다.
table 태그, tr 태그, th 태그, td 태그와 table 속성 정리
html, css, javascript 주석 처리 방법
CSS란? (HTML과 CSS의 차이, CSS 작성법)
'html' 카테고리의 다른 글
| 크로스브라우징, 웹표준과 핵(hack) (9) | 2014.04.29 |
|---|---|
| [html/css]문서를 연결하는 a 태그 (href, title, target 속성) (9) | 2014.04.07 |
| [html 기초] 제목 태그 h1, h2, h3, h4, h5, h6 (0) | 2014.03.18 |
| [html기초] , br, pre, p 태그 (3) | 2014.03.12 |
| table 태그, tr 태그, th 태그, td 태그와 table 속성 정리 (7) | 2014.03.05 |
댓글