투케이2K

1. (html/css/javascript/jquery) h1 ~ h6, b, i, strong, em, ins, del, small 사용해 텍스트 문자 표시 실시 본문

FrontEnd

1. (html/css/javascript/jquery) h1 ~ h6, b, i, strong, em, ins, del, small 사용해 텍스트 문자 표시 실시

투케이2K 2021. 2. 6. 20:17

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : html, css, js, jquery

/* =========================== */

​

/* =========================== */

[소스 코드]

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>

  <!-- 바디 시작 -->
 <body>

 <!--
 [h1 ~ h6, b, i, strong, em, ins, del, small 사용해 텍스트 문자 표시 실시]
 [설 명]
 1. h1 ~ h6 : 텍스트 문자열을 표시하기 위한 태그입니다 (텍스트 크기 순서로 표시)
 2. br : 줄바꿈 표시를 의미하는 태그입니다
 3. b : 글자 굵게 표시하는 태그입니다
 4. i : 글자를 기울림 표시하는 태그입니다
 5. strong : 글자를 강하게 표시하는 태그입니다
 6. em : 글자를 약하게 표시하는 태그입니다
 7. ins : 글자에 밑줄을 긋는 태그입니다
 8. del : 글자 중간에 취소선을 넣는 태그입니다
 9. small : 글자를 작게 표시하는 태그입니다
 -->

 <h1>첫번째</h1>
 <h2>두번째</h2>
 <h3>세번째</h3>
 <h4>네번째</h4>
 <h5>다섯번</h5>
 <h6>여섯번</h6>

 <b>글자 굵게</b> <br>
 <i>글자 기울임</i> <br>
 <strong>글자 강하게</strong> <br>
 <em>글자 약하게</em> <br>
 <ins>글자 밑줄</ins> <br>
 <del>글자 중간 취소선</del> <br>
 <small>글자 작게</small> <br>

 </body>

</html>

/* =========================== */

[결과 출력]

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

1. h1 ~ h6 : 텍스트 문자열을 표시하기 위한 태그입니다 (텍스트 크기 순서로 표시)

2. br : 줄바꿈 표시를 의미하는 태그입니다

3. b : 글자 굵게 표시하는 태그입니다

4. i : 글자를 기울림 표시하는 태그입니다

5. strong : 글자를 강하게 표시하는 태그입니다

6. em : 글자를 약하게 표시하는 태그입니다

7. ins : 글자에 밑줄을 긋는 태그입니다

8. del : 글자 중간에 취소선을 넣는 태그입니다

9. small : 글자를 작게 표시하는 태그입니다

​

/* =========================== */

반응형
저작자표시

'FrontEnd' 카테고리의 다른 글

6. (html/css/javascript/jquery) position 속성 (relative , absolute , fixed) 사용해 위치 지정 실시  (0) 2021.05.25
5. (html/css/javascript/jquery) display flex 사용해 div 레이아웃 세로 정렬 수행 실시 - id 값 지정 사용  (0) 2021.05.25
4. (html/css/javascript/jquery) nth-child 자식 지정 방식 사용해 display inline-block 가로 정렬 수행 실시  (0) 2021.05.25
3. (html/css/javascript/jquery) display inline-block 사용해 div 레이아웃 가로 정렬 수행 실시 - id 값 지정 사용  (0) 2021.05.25
2. (html/css/javascript/jquery) W3C 및 HTML 기본 개념 설명  (0) 2021.03.25
'FrontEnd' Related Articles more
Comments