반응형
1. <link rel = "stylesheet" href="경로 />
- link element
- 경로의 css 파일 연결
2. <script defer src="경로></script>
- script element
- 경로의 js 파일 연결
3. <h1 ~ h6></h1 ~ h6>
- heading element
- 주제(제목)을 의미
- 숫자가 작을수록 중요
- 상자(block) 요소
4. <div></div>
- division element
- 단순 구분 용도로 특별한 의미 x
- 상자(block) 요소
5. <span></span>
- span element
- 단순 구분 용도로 특별한 의미 x
- 글자(inline) 요소
6. <a href="경로"></a>
- anchor element
- 다른 경로(페이지) 이동
- 글자(inline) 요소
7. <img src="경로" alt="이미지_이름" />
- image element
- 경로의 이미지를 출력
- 글자(inline) 요소
8. <div class="이름"></div>
- html class 속성으로 요소의 이름(별명)을 추가!
- 이 름을 css 선택자(selector)로 활용해야 함
9. 상자 요소(block element)
- 가로 너비 - 최대한 늘어남 (한 줄에 요소 한 개)
- 세로 너비 - 최대한 줄어듦!
- 크기 지정 o
10. 글자 요소(inline element)
- 가로 너비 - 최대한 줄어듦 (한 줄에 요소 여러 개)
- 세로 너비 - 최대한 줄어듦!
- 크기 지정 x
반응형