경제적자유

클릭시 특정 위치로 이동 (HTML A tag : name = " " 같은 페이지 또는 다른 페이지) photo로 이동 웹 페이지를 작성하다보면, 클릭했을때 내가 원하는 웹페이지의 특정 위치로 이동시키는 방법이 필요할 때가 있다. 어떻게 하는지 알아보자. 블로그나 웹 페이지의 특정한 위치로 이동하는 링크를 넣는 방법 이동하고자 하는 위치에 이름을 붙여 지정한다. 그 지정한 이름이 있는 위치로 가는 링크를 만든다. 1. 위치 지정하기 HTML 편집창에서 아래와 같이 이름(name)을 붙인 태그를 원하는 위치에 넣어 주면 됩니다. "~~"부분은 이동할 목표지점에 붙인 임의의 이름이며, 숫자와 알파벳으로 적어주면 됩니다. 여기에서는 사진으로 가도록 만들 예정입니다. "photo"라고 붙이도록 하겠습니다. 2...

자주 사용되는 TAG 1. 웹페이지의 로 시작하여 로 끝난다. 은 문서 유형을 지정해줌으로서, 웹 브라우저가 페이지를 어떻게 해석해야 하는지 알려주는 요소이다. 예시- : 이 페이지를 html로 해석하시오. 2. 사이에 정의한다. 16. 줄 바꿈 태그가 삽입된 위치에서만 줄이 바뀌어진다. (닫는 태그는 필요치 않으며, 태그와 다르게 단독으로 사용가능하다.) 17. 제목 ~ 까지 있습니다. 이 글자가 제일 크고, 으로 갈수록 크기가 작아집니다. 다른 태그들을 사용하여과 똑같아 보이게 만드는 방법도 있으나, 를 사용한다는 것은 해당 내용이 제목이 된다는정보를 주는것이기 떄문에 다른 내용과 구별하여 사용해야 합니다. 18. form의 요소중 하나입니다. 사용자가 정보를 입력하는 부분을 만들때 사용합니다. ty..

앞에서 적어본 기본구조를 생각하면서 웹 문서를 만들어 보겠습니다. 비주얼 스튜디오 코드에서 오타 없이 소스를 정확히 입력하는 방법을 알아보고, 라이브 서버를 확장해서 작성한 소스를 즉시 웹 브라우저에서 확인하는 방법을 알아봅시다. 비주얼 스튜디오 코드에서 새로운 HTML 파일 만들기 1. 폴더 선택하기 비주얼 스튜디오 코드를 열면 왼쪽 탐색창에 작업폴더가 나옵니다. 그 중 새파일을 만들 폴더를 선택합니다. (이전에 만들었던 code라는 폴더로 하겠습니다.) 2. 새 파일 만들기 code 폴더를 선택한 상태에서 폴더위에 마우스 포인터를 가져가면 폴더명 옆에 아이콘 4개가 나타납니다. 그중에서 가장 왼쪽에 있는 새파일을 클릭하세요. 이렇게 하면 현재 선택한 폴더 안에서 새 파일을 만듭니다. 새 파일을 만들기..

비주얼 스튜디오 코드 설치하고 기본 설정하기 비주얼 스튜디오 코드 내려받기 웹 브라우저에서 비주얼 스튜디오 코드 홈페이지(https://code.visualstudio.com/)에 접속하면 아래 그림과 같은 화면이 나타납니다. 자신의 운영체제에 맞게 다운로드 링크가 만들어지기 때문에, [Download for Windows] 버튼을 클릭하여 설치 파일을 내려받으시면 됩니다. 비주얼 스튜디오 코드 설치하기 설치 과정에서 특별하게 다른 설정을 할 필요가 없기 때문에, 진행순서에 따라 [다음]과 [설치]버튼을 눌러서 설치를 마칩니다. 비주얼 스튜디오 코드 실행해 보기 설치를 마친 후 비주얼 스튜디오 코드를 실행하면 [Welcome] 탭과 함께 비주얼 스튜디오 코드가 시작됩니다. 처음에는 도움이 되지 않기 때문..