Html 기초 - 기본 틀, 텍스트 관련 태그들
[ 기본적인 구조 ]
<!DOCTYPE html>
<html lang=kr>
<head>
<meta charset="utf-8">
<title>제목</title>
</head>
<body>
본문
</body>
</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>
- 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 |