분류 전체보기 396

프로젝트 006 : tawk 플러그인 사용하여 채팅 기능 추가

0. 되어야 하는 그림 - 페이지 우측 하단에 채팅 기능 추가 1. 구현 방식 -tawk 플러그인 이용 2. 워크플로 - tawk 가입 - 소스코드 복사 - 3. 테스트 - 정상 작동하는가? Y (구현 화면) https://riptaggart.github.io/tawk_chat_html/1.html WEB1 - html HTML CSS JavaScript HTML Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. Web browsers receive HTML documents from a web server or from local storage and ren..

프로젝트 005 : DISQUS 플러그인 사용하여 댓글기능 추가

0. 되어야하는 그림 - 1.html 페이지 하단에 댓글 기능 추가 1. 구현 방식 - Disqus 플러그인 가져올 것 2. 워크플로 - DISQUS 회원가입 후 ADMIN > YOUR SITES > NEW - 크리에이트 한 후, UNVERSIAL CODE 선택 - HTML에 복붙 3. 정상 작동 체크 (구현 화면) https://riptaggart.github.io/disqus-_comment_html/ (소스 코드) https://github.com/riptaggart/disqus-_comment_html GitHub - riptaggart/disqus-_comment_html Contribute to riptaggart/disqus-_comment_html development by creating..

프로젝트 004 : youtube 소스를 가져와서, HTML에 영상 삽입

(구현 화면) https://riptaggart.github.io/movie_html/1.html WEB1 - html HTML CSS JavaScript HTML Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HT riptaggart.github.io (소스 코드) https://github.com/riptaggart/movie_html / 0...

프로젝트 002 : GITHUB 웹호스팅으로 HTML 배포

0. 되어야 하는 그림 깃헙 호스팅을 통해 주소를 부여받아 배포 1. 구현되어져야 하는 기능 코드를 내 컴퓨터에서만 C://로 열게 하는 것 이상으로, 깃헙에서 주소 부여받아 화면에 구현 2. 구현 방식 - 깃헙 가입 - repository 생성 - 파일 업로드 - 셋팅 > 페이지 > 브런치를 메인으로 바꾸기 > 페이지가 주소가 할당됨 - 테스트 3. 드러나는 문제들 -

프로젝트 001 : HTML 웹페이지 만들기

(구현 화면) https://riptaggart.github.io/web1/1.html (깃헙 소스코드) https://github.com/riptaggart/web1 GitHub - riptaggart/web1 Contribute to riptaggart/web1 development by creating an account on GitHub. github.com 0. 되어야 하는 그림 - 모든 페이지 최상단 리스트 - 리스트에서는 각 페이지로 이동할 수 있게 링크가 걸려져 있다 - 개별 페이지 아래에 위키피디아 설명 1. 구현 방식 - 4개 페이지 준비 - 1개 바다그림 준비(html) - 링크 걸기 2. workflow INDEX > HTML > CSS > JAVASCRIPT 순으로 작업 - 기존에..

HTML

Hypertext markup language 1 ~ : heading 2 ~ = list 3 A B = list component 자동 줄바꿈 4 ~ = paragraph 5 = bold = underline 6 UTF-8로 페이지를 오픈하라(한글) 7 줄바꿈 기본은 자동적으로 되지 않음 8 ~ 태그의 위쪽에 여백 생성 9 attribute = 속성 10 ~ 11 unordered list : 점으로 표시됨 ordered list : 자동 넘버링 12 A B C D E F 13 ~ 14 anchor(link) target = "_blank" : 새 탭으로 열기 title="specification" 마우스를 갖다 대면 링크에 대한 설명이 나옴 15 web browser web server 16 web ..