HTML : Hypertext Markup Language
Hypertext : 서로 링크로 연결된 문서. 웹사이트에서 웹사이트로 들어갈 때 링크를 클릭해 문서로 들어가고 또 그 문서 안에서 링크를 클릭해 다른 문서로 들어간다. 여러 문서들이 서로 하이퍼링크를 통해 연결되어 있는 것이 Hypertext
Markup Language : 마크업하는 프로그래밍 언어. mark는 표시하다라는 뜻. 글에다가 추가적인 표시를 하는 것을 마크업. 작성자의 입장에서 어떤 내용이 본문이고 제목 등등인지 명확하게 표시하는 것이 마크업의 역할. 즉 내용에 추가적인 표시를 하는 프로그래밍 언어.
즉 HTML은 서로 링크로 연결된 문서(HyperText)를 만들 때 쓴다. 내용 뿐만 아니라 구조와 의미도 표시(Markup)한다.
HTML의 기본 문법
태그 : 시작태그 , 종료 태그. 종료태그 앞에는 / 가 붙음. 시작태그와 종료태그 사이에 내용이 들어감.
시작태그에는 속성이 들어감.
속성이름="속성 값"
참 거짓을 값으로 하는 속성에서는 속성 이름만 쓰는 방법이 있음. 속성 값을 참으로 하고 싶으면 속성 이름만 써주고, 속성 값을 거짓으로 하고 싶으면 아무것도 쓰지 않으면 됨
HTML파일의 구조
<!DOCTYPE html>
<html>
<head>
페이지에 대한 정보가 들어가는 부분
</head>
<body>
화면에 보이는 내용이 들어가는 부분
</body>
</html><!DOCTYPE html> : 이 문서가 html로 작성되었다고 적어주는 것
<html> : html 문서 전체를 감싸는 태그
주석 (코멘트)
<!-- -->
해당 꺽쇠로 연결되어 있는 모든 내용들은 주석처리가 된다.
주석은 웹사이트에 아무런 영향을 주지 않는다.
1. 메모를 남길 때 사용
2. 코드를 잠깐 감추고 싶을 때 사용
vscode에서 주석을 적용할 때 Ctrl + / 단축키를 입력하면 해당 줄 또는 여러줄에 대해 주석처리 할 수 있다.