HTML 기본태그
제목 태그(Heading Tags)
제목 태그는 <h1>~<h6>를 사용 할 수 있다.
제목 태그 예제
<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
Chrome 화면출력결과
단락 태그(Paragraph Tag)
단락 태그 예제
<!DOCTYPE html>
<html>
<head>
<title>단락태그 예제</title>
</head>
<body>
<p>첫 번쨰 단락 문장 입니다.</p>
<p>두 번쨰 단락 문장 입니다.</p>
<p>세 번쨰 단락 문장 입니다.</p>
</body>
</html>
Chrome 화면출력결과
줄바꿈(Line Break Tag) 태그
예제
<!DOCTYPE html>
<html>
<head>
<title>줄바꿈(Line Break Tag) 태그</title>
</head>
<body>
<p>안녕하세요<br />
줄을 바꾸어주는 태크 입니다..<br />
감사합니다<br />
V.I.W</p>
</body>
</html>
Chrome 화면출력결과
안녕하세요
줄을 바꾸어주는 태크 입니다.
감사합니다
V.I.W
Horizontal Lines(<hr />) :단락 구분. 문서의 구분선
Preserve Formatting(<pre></pre>) : <pre> 태그와 </pre> 태그 사이의 문장 안에 텍스트에 스페이스바, 탭키, 엔터키가 그대로 보존 됩니다.
줄 바꿈 없는 공백(Nonbreaking Spaces) : 빈 공간 또는 한칸 뛰워쓰기
이탤릭체(italic) : <i> </i> , italic
밑줄(underlined) : <u>underlined</u> , underlined
'개발자' 카테고리의 다른 글
| HTML 속성 목록 (0) | 2020.08.18 |
|---|---|
| HTML 속성 (0) | 2020.08.18 |
| HTML 개요 (0) | 2020.08.18 |
| HTML 강좌 소개 (0) | 2020.08.18 |
| 전자정부 프레임웍 환경 설정파일 정리 (0) | 2020.08.13 |