HTML  글자모양태그

 

글자의 모양과 관련 된 태그를 알아 보도록 하겠습니다.

글자의 모양 역시 대부분 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.12
HTML 글자크기, 글자색 설정 태그  (2) 2018.05.11
HTML 웹 화면 만드는 방법  (6) 2018.05.10
HTML 기본구성 요소 및 구조  (12) 2018.05.09
Posted by 행복한 유유로그

댓글을 달아 주세요

  1. 공수래공수거 2018.05.13 10:03 신고  댓글주소  수정/삭제  댓글쓰기

    태그 종류를 한번 정리해 주시면 도움이 될듯 합니다 ㅎ



티스토리 툴바