Heading
<h1>~<h6>이며 주로 웹 페이지에 표시하려는 제목으로 사용<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>
</body>
</html>
Paragraphs
단락 태그
는 문단을 정의할 때 사용
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<p>문단 나누기 연습</p>
<p>문단 나누기 연습</p>
<p>문단 나누기 연습</p>
</body>
</html>
Preformatted Text
<pre>태그는 미리 정의된 형식의 텍스트를 정의할 때 사용
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<pre>
hello
hello
hello
</pre>
</body>
</html>
List
HTML 문서에서 목록을 나타내는 태그
- 순서가 있는 목록(ol)
<!DOCTYPE html> <html lang="en"> <head> <title>Document</title> </head> <body> <ol> <li>HTML</li> <li>CSS</li> <li>JS</li> </ol> </body> </html>
-
순서가 없는 목록(ul)
```html <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> </head> <body> <ul> <li>HTML</li> <li>CSS</li> <li>JS</li> </ul> </body> </html> ```
-
설명 목록(dl)
<!DOCTYPE html> <html lang="en"> <head> <title>Document</title> </head> <body> <dl> <dt>HTML</dt> <dd>-Hypertext Markup Language</dd> <dt>CSS</dt> <dd>-Cascading Style Sheets</dd> <dt>JS</dt> <dd>-JavaScript</dd> </dl> </body> </html>
Break(개행)
태그를 이용해 줄 바꿈
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<div>123</div>
<br />
<div>123</div>
</body>
</html>
Horizontal Rule
태그를 이용해 수평선 구현
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<div>123</div>
<hr />
<div>123</div>
</body>
</html>
텍스트 서식
| strong, b |
strong: 글씨 굵게, 글씨 강조(의미적으로 강조) b: 글씨 굵게 |
| em, i |
em: 글씨 기울게, 글씨 강조 i: 글씨 기울게 |
| small | 작은 텍스트 정의 |
| mark | 123 |
| sub, sup |
sub:아랫 첨자 텍스트 표시 sup:윗 첨자 텍스트 표시 |
인용
| blockquote |
들여쓰기로 표현(블록 요소) |
| q | 따음표로 표시(인라인 요소) |
Input
다양한 타입의 input요소를 사용하여 사용자로부터 입력을 받을 수 있다
<input type="text" /><br /> 텍스트
<input type="password" /><br /> 비밀번호
<input type="radio" /><br /> 라디오 버튼
<input type="checkbox" /><br /> 체크박스
<input type="file" /><br /> 파일 선택
<input type="button" value="클릭" /><br /> 버튼
<input type="submit" /><br /> 전송 버