핵심 요소 정리(태그)

div 태그 : Division의 약어로 주로 레이아웃 작업을 할 때 사용된다 (특별한 의미는 없고 구분을 위한 요소, 매우매우 자주 사용)

<body>
    <div>
        <h1>안녕하세용~</h1>
    </div>
</body>

h1 태그 : 주로 텍스트의 타이틀을 담을 때 사용한다 작으면 작을 수록 더 중요한 타이틀임을 의미한다! h1 ~~ h6까지 존재한다

<body>
    <div>
        <h1>안녕하세용~</h1>
        <h2>안녕</h2>
        <h3>안녕</h3>
        <h4>안녕</h4>
        <h5>안녕</h5>
        <h6>안녕</h6>
    </div>
</body>

p 태그 : 문장을 의미하는 요소 div안에 그냥 사용해도 되지만 한 문장을 나타낼 때 주로 사용한다

<div>
        <p>안녕하세요~ 오늘의 날씨는 많이 더운 거 같네요ㅜ</p>
    </div>

img 태그 : 이미지를 삽입하는 태그 src를 통해 이미지의 경로를 적어주고 alt를 통해 이미지가 출력되지 않았을 때 나타낼 텍스트를 적어준다

<img
      src="<https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2FMjAyNDAxMTFfMjA0%2FMDAxNzA0OTg1MDY1NTE4.iIieSQPZJu-d_ZhCduSnTa2VIz5OlY1tD-mGIpyiygog.O-JOjYTFK2-hrZYTHBjU6bdqt8HpQqdsuZaSAJ_PrAAg.PNG.bbangwon79p%2F%25BB%25F5%25B3%25A2%25B0%25AD%25BE%25C6%25C1%25F62.png&type=a340>"
      alt="이건 몰까용?!"
    />