chipkkang9's story

일반적으로 HTML과 CSS는 함께 쓰이는 경우가 많다. HTML과 CSS를 동시에 사용해주려면 '연동'해주는 과정이 꼭 필요한데, 그 방법은 아래와 같다. 기존에 html파일만 있던 폴더에 (원하는 이름).css 파일을 추가하여 아래와 같은 화면이 되도록 해주자. 우선 본격적으로 HTML과 CSS를 연동하기에 앞서서 올바르게 웹 페이지가 작동하는지 확인해줄 것이다. html 파일 안에 h1, h2태그만 이용하여 아래 그림과 같이 "Hello World"와 함께 간단한 자기소개를 하는 코드를 작성해보자. 여기까지 됐다면, 이제 우리는 CSS를 활용하여 위 문구를 화면 정중앙에 표시해줄 것이다. CSS를 이용하기에 앞서서 HTML과 CSS를 연동해주는 과정이 우선적으로 이루어져야 하는데, 이는 head 태..

우선 모든 웹 개발 툴은 Visual Studio Code(이하 VScode)로 작성되었다는 것임을 알린다. VScode를 처음 실행하게 되면 아래와 같은 화면이 나오게 된다. 그 후, 왼쪽에 있는 '파일 리스트' 창에 있는 [Open Folder]를 눌러 원하는 경로에 파일을 만들고 (원하는 이름).html 파일을 생성하여 개발을 시작해보자. blog라는 이름을 가진 파일 안에 blog.html를 생성해보았다. 생성이 끝났으면, 바로 옆에 생성되는 개발창에 ! + Enter를 입력하게 되면 아래와 같은 이미지로 기본적 세팅이 완료되게 된다. 이 글에서는 html의 기본적인 문법은 따로 설명하진 않으려고 한다. 만약 html의 기본적인 문법 구조를 알고 싶다면, poiemaweb.com/ 에서 html의..