Html 기초 - 기본 틀, 텍스트 관련 태그들

 

 

 

 

 

 

[ 기본적인 구조 ]

<!DOCTYPE html>
<html lang=kr>
  <head>
    <meta charset="utf-8">
    <title>제목</title>
  </head>
  <body>
      본문
  </body>
</html>
HTML

 

- 4라인 : 언어 설정을 utf-8로 함으로써 대부분의 언어를 깨지는 현상 없이 나타낼 수 있다.

 

 

 

 

 

 

 

 

[ 텍스트 관련 태그들 ] 

<!DOCTYPE html>
<html lang=kr>
  <head>
    <meta charset="utf-8">
    <title>제목</title>
  </head>
  <body>
      <p>텍스트</p>
      <u>텍스트</u>
      <i>텍스트</i>
      <b>텍스트</b>
      <br>
      <em>텍스트</em>
      <h1>텍스트</h1>
      <h6>텍스트</h6>
      <ruby>
        凸<rt>볼록할 철</rt>
        test<rt>연습</rt>
      </ruby>
  </body>
</html>
HTML

 

- p : 단락이라는 뜻을 가진 Paragraph를 뜻하며 개행을 포함한다.

 

- u : 밑줄을 그은다.

 

- i : 이탈릭체(약간 기울어진 모습)으로 나타낸다.

 

- b : 텍스트를 Bold(굵음)처리 한다.

 

- br : 단일 태그로서 개행을 할 때 사용한다.

 

- em : 겉보기에는 이탈릭체와 똑같지만 음성으로 읽어주는 경우 더욱 강조해서 읽어준다.

 

- h1 ~ h6 : Heading, 제목을 뜻하며 1이 가장 크며 6까지가면서 점점 작아진다.

 

-ruby : 결과에서 보이는 것처럼 한자와 음을 나타내며 사용할 수 있다.

 

 

 

 

[ 결 과 ] 

ruby에는 한자뿐만 아니라 영어, 한국어 등 다 사용할 수 있다.

 

 

 

 

 

 

 

 

저작자표시 비영리 변경금지

'Html' 카테고리의 다른 글

Html 폼(form) 요소(input) 종류 (2)  (0) 2020.03.20
Html 폼(form) 요소(input) 종류 (1)  (0) 2020.03.20
Html 특수 문자, 기호 사용  (0) 2020.02.14
html 테이블(table ) 표 만들기  (2) 2020.02.03
Html 태그 - 시맨틱 태그 및 기타 태그  (0) 2020.02.02

+ Recent posts

티스토리툴바