반응형
1️⃣ HTML
<!DOCTYPE> : 현재 문서가 HTML임을 명시
✅ id vs class
- class는 그룹으로 묶어서 스타일을 지정할 때 사용
- id는 하나의 개체에만 스타일을 지정할 때 사용
✅ head 태그
주요 태그
link 태그
- 검색 엔진 최적화: 검색 엔진에서 사용자에게 해당 게시글이 노출이 잘 되도록 하는데 주로 이용됨.
✅ body 태그
<h1>, <p>, <a>, <div> 등의 태그가 존재한다.
2️⃣ CSS
- content: 내용
- padding: content와 border 사이의 공간
- border: 테두리
- margin: 테두리의 바깥 공간
✅ CSS 적용 방식
- 인라인 스타일: html body의 태그 안에서 style 요소를 이용해서 적용. 해당 요소에만 적용.
- 내부 스타일 시트: <head> 태그 안에서 <style> 태그를 이용. 해당 html 페이지에서만 적용.
- 외부 스타일 시트: <head> 태그 안에 <link>태그를 이용하여 외부 스타일 시트를 호출해서 적용한다. → 외부 스타일 시트를 사용하는 것이 유지보수에 용이.
반응형
'멋쟁이사자처럼 11기' 카테고리의 다른 글
| [멋사] 멋쟁이사자처럼 11기에 지원하다🦁 (0) | 2023.03.22 |
|---|
