1-2-1. HTML Tags

HTML Tag

각각 태그 별로 모두 쓰임새에 대해서 정확한 의미를 가지고 있음=>semantic
태그는 그 의미에 맞춰서 사용해야 한다.

  • 링크 <link>
  • 이미지 <img>
  • 목록
    • 순서가 있는 목록 : <ol>
    • 순서가 없는 목록 : <ul>
    • 리스트 : <li>
  • 제목 <h1><h2>...
  • 문단 paragraph <p>
  • 영역 divison <div>
<!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="www.appple.com">사과</a></li>
      <li>바나나</li>
      <li>메론</li>
      <li></li>
    </ul>
  </div>
</body>
</html>

참고 및 출처자료
https://www.boostcourse.org/web316/lecture/16669?isDesc=false
https://www.w3schools.com

좋은 웹페이지 즐겨찾기