<body>태그

양갱장군·2020년 9월 3일
0

<body> 태그


<body> 태그는 문서의 메인 콘텐츠를 나타내는 태그로 보면 된다. <head> 태그와는 다르게 주로 브라우저 화면에 보이는 것들로 구성된다.

주요 HTML 요소들

  • h1 - h6: 섹션, 문단의 제목을 나타내며 숫자가 작을수록 글자의 크기가 커진다. (h6이 가장 작다)
    <h1>Heading</h1>

  • p: heading 텍스트가 아닌, 문단을 구성할 때 사용된다.
    <p>Description of company here.</p>

  • a: anchor의 약자로, 다른 웹페이지로의 링크를 추가할 때 쓴다. 이 태그는 href 속성과 함께 사용된다.
    <a href="http://codecademy.com">Click here</a> to learn how to make a website!

  • img: 이미지를 추가할 때 사용된다. 이미지 태그는 닫힘태그를 필요로 하지 않는다.
    <img src="https://images.com/favorite.png">

  • video: 비디오를 추가할 때 쓰며, 다수의 속성들과 source를 작성해주어야 한다.
    <video width="320" height="240" controls>
    <source src="https://movies.io/great-clip.mp4" type="video/mp4"> </video>

  • unordered list: 목록을 만들 때 사용하며, ul요소 안에 li요소를 작성해주어야 한다.

<ul>
  <li>list item</li>
  <li>another item</li>
  <li>yet another</li>
</ul>
  • div: HTML 요인들을 각각의 그룹으로 정리할 때 사용되며, class속성을 부여받을 수 있다.
<div class="main">
  <h2>Subheading!</h2>
</div>

0개의 댓글