반응형
글자의 모양과 관련 된 태그를 알아 보도록 하겠습니다.
글자의 모양 역시 대부분 CSS Style을 이용하여 코딩하지만 한번쯤은 학습 해 두어도 좋을 것 입니다.
글자 모양 태그들에는 문자의 진하기, 글자체, 밑줄긋기 등이 있습니다.
하나하나 어떤 기능들의 태그들이 있는지 알아보도록 하겠습니다.
태그종류
<strong>문자를 진하게</strong>
<b>문자를 진하게</b>
<em>이탤릭체<em/>
<i>이탤릭체<i/>
<cite>자료를 인용 할 때, 이탤릭체<cite/>
<sup>위 첨자<sup/>
<sub>아래 첨자<sub/>
<tt>타자체<tt/>
<code>프로그램 코드를 표시할 때, 타자체<code/>
<u>밑줄<u/>
코딩실습
|
1
2
3
4
5
6
7
8
9
10
11
12
13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html> <head>
<title>테스트</title>
</head>
<body>
<div>
<strong>문자를 진하게</strong><br/>
<b>문자를 진하게</b><br/> <em>이탤릭체<em/><br/> <i>이탤릭체<i/><br/> <cite>자료를 인용 할 때, 이탤릭체<cite/><br/> <sup>위 첨자<sup/><br/> <sub>아래 첨자<sub/><br/> <tt>타자체<tt/><br/> <code>프로그램 코드를 표시할 때, 타자체<code/><br/> <u>밑줄<u/><br/> </div>
</body>
</html> |
실습결과
반응형
' IT > 웹디자인' 카테고리의 다른 글
| HTML 줄바꿈(4가지 방법) (2) | 2018.05.16 |
|---|---|
| HTML 이미지 삽입 / 예제 (4) | 2018.05.15 |
| HTML 글자크기, 글자색 설정 태그 (2) | 2018.05.11 |
| HTML 웹 화면 만드는 방법 (6) | 2018.05.10 |
| HTML 기본구성 요소 및 구조 (12) | 2018.05.09 |
댓글