HTML은 Hypertext Markup Language의 줄임말로, 웹페이지를 만드는 데 있어서 가장 기본적인 웹 언어입니다.
HTML에서 사용하는 명령어는 태그(tag)라고 하는데, 태그는 <로 시작하여 >로 끝납니다.
모든 태그에는 시작 태그와 종료 태그가 존재하며, 어떤 태그 사이에 다른 태그가 들어간 경우 안에 들어간 태그를 먼저 닫아주고 밖의 태그를 닫아주어야 합니다.
기본 html의 구조는 아래 코드와 같습니다.
<!DOCTYPE html>
<html>
<head>
<title>웹사이트 제목은 이곳에 작성합니다.</title>
</head>
<body>
문서 내용은 이곳에 작성합니다.
</body>
</html>
맨 처음 <!DOCTYPE html>이라는 코드로 시작하며, html, head, title, body 태그가 들어간 구조입니다.
+ 댓글의 내용 추가 : 참고로, VS Code에서 !를 입력하고 Tab 키를 누르면 자동완성이 됩니다. (직접 해보지는 않았지만 Atom에서도 된다고 합니다. 댓글 남겨주셔서 감사합니다 ^^7)
<head> 영역에는 html 페이지에 대한 메타 정보를 포함합니다.
<title> 영역에는 html 페이지의 제목이 들어가는 곳입니다. 이 제목은 웹사이트를 접속할 때 브라우저 위에 나오는 탭 이름이 됩니다.
<body> 영역에 실제 웹페이지의 내용을 작성하면 됩니다.
위의 코드를 html 파일로 저장 후 크롬으로 실행하면 그 결과로 아래의 웹페이지가 뜨게 됩니다.
'공부' 카테고리의 다른 글
React Native 개발 환경 구축하기 (1) | 2023.01.17 |
---|---|
[임시공개] JDK 설치 및 JDK 환경변수 설정 (0) | 2023.01.17 |
[간단정리] 파이썬에서 형 변환 (0) | 2022.04.24 |
[간단정리] 마크다운에서 수식 작성하기 (0) | 2021.09.12 |
[VS Code] 코딩할 때 유용한 단축키 모음 (macOS 기준 설명) (0) | 2021.07.28 |