🖥️HTML 작업 시작하기
자, 이제 실전으로 들어가 보겠습니다. 👊🏻
방금 만들 여러분의 index.html
파일에 아래와 똑같이 내용을 추가해보세요.
크롬 브라우저에서 작업내용 확인하기
위에서 작성한 내용을 이제 크롬 브라우저에서 확인해보도록 하겠습니다.
크롬 브라우저에서 "파일 열기"를 선택하여, 여러분이 만든 index.html
을 선택해주세요.
다음과 같은 화면이 브라우저에 나타났나요? 😎 (브라우저 윈도우 탭에 표기된 텍스트를 잘 보세요.)
우선, h1
태그에 의해 바닐라코딩 이라는 텍스트가 화면에 표기된 것은 이제 놀랍지 않으시겠죠?
페이지 타이틀 넣기
잠시 돌아가, 우리의 index.html
파일의 내용을 다시 한번 살펴보도록 하겠습니다.
우리가 작성한 HTML 문서의 head
태그 내부에 보면, title
이라는 태그가 사용된 것을 확인할 수 있습니다. title
태그는 브라우저 윈도우 탭에 표기되는 웹사이트 타이틀을 설정할 수 있도록 합니다.
그렇기에, title
태그 내부에 컨텐츠로 작성된 🔰 프리코스 | 바닐라코딩
이라는 텍스트가 우리 웹사이트의 탭에 타이틀로 표기된 것입니다.
쉽죠? 😌
코멘트 작성하기
우리가 작성한 HTML 문서에는 또 신기한 부분이 있습니다.
위와 같이 작성한 부분인데요. head
태그 내부에 작성되었기에 화면에 표기되지 않는 것은 당연하다 하더라도, 과연 어떤 기능을 하는 코드일까요?
이런 부분을 우리는 코드에서 코멘트(혹은 주석)이라고 말하는데요. 코드의 기능에 영향을 끼치지 않고 메모를 남기는 것 같은 역할을 합니다. 그래서 위의 저 문장은 제가 여러분에게 남긴 메모랍니다. 😎
모든 프로그래밍 언어에는 코멘트를 작성할 수 있는 문법적 기능이 있습니다. 우선 현재 우리가 살펴보고 있는 HTML에서 코멘트는 아래와 같이 작성합니다.
코드를 작성할때는 정확하게 입력하는 것이 매우 중요합니다. 글자 하나 하나 오타를 내지 않도록 신중하게 작성하세요.
개발자는 타자를 빠르게 입력하는 사람이 아니라, 사고를 논리적으로 하고 주어진 문제를 해결하는 사람입니다.
이제 다음 단계로 넘어가 조금 더 본격적으로 작업을 시작해볼까요?
Last updated