핵심: 태그안에 태그는 얼마든지 가능하다
P 태그 : 글을 적을 때 사용
p: paragraph의 약자로 본문을 의미함
<p>내용</p>
h 태그: 제목을 적을 때 사용
h: heading의 약자로 제목을 의미함
<h1>가장 큰 제목</h1> <h2>두번째로 큰 제목</h2> <h3>세번째로 큰 제목</h3> <h4>네번째로 큰 제목</h4> <h5>다섯번째로 큰 제목</h5> <h6>여섯번째로 큰 제목</h6>
img 태그: 이미지를 넣을때 사용
img: image의 약자로 이미지 파일을 삽입할때 사용함
<img src="이미지 경로">
button 태그 : 버튼을 만들때 사용
<button>버튼 이름</button>
a 태그 : 링크 만들때 사용
a: anchor의 약자로 링크를 걸때 사용
<a href= "url">링크 이름<a/>
ul 태그: 리스트 만들때 사용
ul: unordered list
li: list item<ul> <li>첫번째</li> <li>두번째</li> <li>세번째</li> </ul>
ol 태그: 리스트 만들때 사용
ol: ordered list
li: list item<ol> <li>첫번째</li> <li>두번째</li> <li>세번째</li> </ol>
전체코드
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>제목</h1> <p>내용</p> <button>버튼 이름</button> <a href="https://www.google.com">링크</a> <img src="pexels-photo-27785412.jpeg"> <ul> <li>첫번째</li> <li>두번째</li> <li>세번째</li> </ul>
<ol>
<li>첫번째</li>
<li>두번째</li>
<li>세번째</li>
</ol>
BackEnd 공부 중인 학부생