목차
1. 글자 띄어보기
2. h1 h2 태그로 글 써보기
3. <p> 태그로 글써보기
1. 첫 발걸음-글자 띄어보기
처음 기본 틀에서 글을 쓰게되면
<!DOCTYPE html>
<html lang="ko">
<head>
여긴 헤드
</head>
<body>
여긴 바디
</body>
</html>이렇게 글을 쓰면
head에서 쓴 글 다음 body글이 나오게 됩니다.
2. 진짜 글처럼 써보기 - h1 h2 사용
<!DOCTYPE html>
<html lang="ko">
<head>
<h1>여기가 헤드입니다</h1>
</head>
<body>
<h2>h2를 입력합니다.</h2>
<h3>h3를 입력합니다.</h3>
<h4>h4를 입력합니다.</h4>
<h5>h5를 입력합니다.</h5>
</body>
</html>블로그 글쓰기 처럼 제목1 제목2 제목3 별로 글자 크기가 다른 것과 같이 HTML에도 h1 h2 h3 별로 글자크기가 다르게 나타납니다.
3. <p>를 사용하여 문단 글 써보기
아래 코드는 <p>를 사용하여 글을 쓴 코드입니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<h1>헤드입니다.</h1>
</head>
<body>
<h2>h2를 입력란입니다.</h2>
<P> 안녕하세요 개발섬의 블로그입니다.</P>
<p> h2글의 단락이였습니다. </p>
<h2>h2 두번째 입력란입니다.</h2>
<p> 개발자가 되고싶은 대학생 블로거입니다.<br>제가 공부한 내용으로 작성하는 글입니다.</p>
<p> p로 글을 쓰면 단락이 나뉘어 쓰이게 됩니다. </p>
</body>
</html>이렇게 작성 하게 되면
<p> 태그는 paragraph, 문단의 약자로 하나의 문단을 만들때 사용하는 태그입니다. 글을 길게 쓰시는 분들이라면 <p> 태그로 문단을 나누며 쓰기를 추천합니다.
'HTML > 기초' 카테고리의 다른 글
| [HTML] 웹 프로그래밍 HTML 첫시작 (0) | 2023.09.08 |
|---|