태그 기본 설명
2022. 1. 25. 22:13ㆍ패스트 캠퍼스 인강/한 번에 끝내는 프론트엔드 개발 초격차 패키지
728x90
test라는 새폴더를 생성하였다.
폴더를 생성 할때에는 한글보다는 영어를 사용하고
대문자 보다 소문자를 사용하는 것을 권장한다.
새로운 파일을 만들고
!를 쓴 뒤 enter키나 tab키를 누르면
기본으로 작성해야 하는 내용들이 나온다.
html 속에 있는 각종 태그들의 범위와 역할을 알아보자
<!DOCTYPE html> : 문서의 html 버전을 지정한다. => html 5 (현재 표준이다.)
<html> </html> : /가 없는 시작태그와 /가 있는 종료태그로 이루어져 있다.
문서의 전체 범위를 나타내고 html 문서가 어디에서 시작하고, 어디서 끝나는지 역활을 한다.
<head> </head> : 문서의 정보를 나타내는 범위
웹 브라우저가 해석해야 할 웹 페이지의 제목, 설명, 사용할 파일 위치, 스타일(CSS) 같은,
웹페이지의 보이지 않는 정보를 작성하는 범위.
<body> </body> : 문서의 구조를 나타내는 범위
사용자 화면을 통해 보여지는 로고, 헤더, 푸터, 내비게이션, 메뉴, 버튼, 이미지 같은,
웹페이지의 보여지는 구조를 작성하는 범위.
*어떤 태그를 쓸 때 태그에 해당하는 단어를 쓰고 tab을 누르면 시작태그와 종료태그가 동시에 생성된다.
728x90
'패스트 캠퍼스 인강 > 한 번에 끝내는 프론트엔드 개발 초격차 패키지' 카테고리의 다른 글
| 테그 사용법 (0) | 2022.01.29 |
|---|---|
| css, js 연결하기 (2) | 2022.01.26 |
| VS Code 단축키 (1) | 2022.01.22 |