학습 목표
- HTML 태그를 이해하고, 이를 사용할 줄 압니다.
핵심 개념
- HTML tag
학습하기
HTML tag의 종류
태그는 그 의미에 맞춰서 사용해야 합니다.
- 링크
- 이미지
- 목록
- 제목
anchor 태그, img 태그, ul/li 태그, heading 태그, p 태그 등이 자주 사용됩니다.
그 밖에 가장 많이 사용하는 div태그가 있습니다.
div 태그는 block 엘리먼트라고 하는데 일반적인 영역을 표현할 때 가장 많이 사용합니다.
많은 태그를 모두 외울 필요는 없으며, 필요한 태그를 찾아서 적절한 의미에 맞는 태그를 사용하는 것이 중요합니다.
실습코드
강의에서 진행한 실습용 코드입니다.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <div> <h1>반갑습니다</h1> 여기 여러분들이 좋아하는 과일이 있어요. <ul> <li><a href="http://www.apple.com">사과</a></li> <li>사과</li> <li>메론</li> <li>귤</li> </ul> </div> </body> </html>
*reference :
1) https://www.w3schools.com/tags/ref_byfunc.asp
HTML Reference
www.w3schools.com
2) https://www.edwith.org/boostcourse-web/lecture/16669/
[LECTURE] 1) HTML Tags : edwith
들어가기 전에 HTML 태그는 많은 종류를 가지고 있고 각각의 쓰임새에 대한 정확한 의미가 있지요. '각각의 의미를 지닌다'는 것을 'Semantic한 태그' 혹은 'Semanti... - 부스트코스
www.edwith.org
