칠리설탕의 it

안녕하세요.오늘은 HTML에 웹 사이트 방문자와 채팅을 할 수 있는 채팅 기능을 추가하는 방법에 대해 알아보겠습니다. 혼자 스스로 채팅 기능을 구현한다는 것은 엄청 어려운 일이고 많은 시간과 기술 많은 노력, 돈이 들지만 이러한 기능을 간단히 제공하는 사이트가 있고 이 서비스를 웹 사이트 HTML에 붙여 채팅기능을 활용할 수 있습니다. 웹사이트에 채팅기능을 구현하기 이전에 지금까지 저희가 만든 html코드를 호스팅해 누구나 접근 가능한 웹 호스팅 페이지로 만들어야 합니다.  웹 호스팅 하는 방법에 대해서는 아래에 포스팅 해놓겠습니다.HTML을 github를 이용하여 웹 호스팅하기 (tistory.com) 이제 채팅기능을 구현 해주는 웹 사이트( tawk.to – "100% FREE live chat so..

안녕하세요. 오늘은 사용자가 작성한 .html 파일을 github를 통해 웹 호스팅 하는 방법에 대해 알아보겠습니다. 1. github홈페이지를 들어가고 로그인을 합니다.GitHub GitHub: Let’s build from hereGitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea...github.com   2. 좌측 상단의 New버튼을 눌러줍니다. 빈칸들을 아래의 그림을 보고 채워주시면 됩니다.  3...

오늘은 HTMl에 링크를 다는 방법에 대해 알아보겠습니다. 링크를 다는 태그는 태그입니다. 링크를 걸고 싶은 곳을 태그로 감싸게 되면 되는 것입니다. 쌍따옴표 안에 자신이 링크를 걸 주소를 작성하면 되는것입니다. href는 하이퍼텍스트의 첫글자인 h와 웹 브라우저에게 참조하라는 의미인 reference에 앞 세글자를 따서 href 라는 속성을 지정하는 것입니다.    위의 동영상에서 보면 하이퍼 링크를 걸고 링크를 눌렀을때 기존의 탭에서 링크가 열리게 됩니다. 하지만 새탭에서 링크가 열리도록 하고 싶다면 target 속성을 추가하면 됩니다.아래의 표는 target 속성의 종류입니다._self기본값으로 링크가 현재 창이나 탭에서 로드_blank링크가 새로운 창이나 탭에서 로드_parent부모프레임에 링크가..

안녕하세요. 이번에는 틈틈이 HTML이라는 언어에 대해서 공부를 해볼 계획입니다.  우선 vscode를 실행시켜 .html이라는 확장명을 가지고 파일을 하나 생성합니다.생성한 파일에 텍스트를 입력후 실행을 시켜보겠습니다. (vscode기준 F5번입니다)   결과로 하나의 웹페이지가 만들어진 것을 볼 수 있습니다. 이제 tag라는 문법에 대해 배워보겠습니다. tag란 문서의 구조와 콘텐츠를 정의하는데 사용되며 시작태그와 종료태그의 쌍으로 사용을 합니다. 시작태그는 와 같이 표현하고 종료태그는 와 같이 표현을 합니다. 말 그대로 시작태그는 tag가 시작하는 부분, 종료태그는 tag가 끝나는 부분을 말하는 것입니다.HTML 문서의 시작과 끝을 정의HTML 문서의 헤더를 정의하며 여기에는 문서 제목, 메타데이터..