Timeline

본 문서는 DH Edu 교강사 김지선이 작성하였습니다.(21.04.27. 작성)

개요

• 진행주제: 텍스트-타임라인 연계 데이터 시각화(Timeline) 구현 연습
• 진행자료: Timeline(Website)
  • 참고: 생상코드 및 이름은 해당 사이트 참고

Timeline Manual

들어가며

---

Timeline 준비

---

구글 스프레드시트 작성

오른쪽 화살표 버튼(▶)을 클릭하세요.

1/11

2/11

3/11

4/11

5/11

6/11

7/11

8/11

9/11

10/11

11/11

❮ ❯

참조

• Google Maps 삽입 시 ①삽입하고자 하는 장소 검색 후 왼쪽 패널의 ②"공유" 클릭 > ③"지도 퍼가기" 클릭 > ④사이즈 조정 후 ⑤"HTML 복사"

---

웹 게시

• TimelineJS 사이트 3번 섹션

---

Timeline 삽입

---

참고

html 태그 삽입

설명	입력 내용	결과
진한 글씨체	<b>bold</b> <strong>bold</strong>	bold bold
작은 글자	<small>text</small>	text
이탤릭체	<i>italics</i>	italics
밑줄	<u>Underline</u>	Underline
줄바꿈	안녕하세요.<br>반갑습니다.	안녕하세요. 반갑습니다.
문단 구분	<p>text</p>	text text
점목록	<li>text</li>	text1 text2 text3
하이퍼링크 삽입	<a href="URL">link text</a>	김지선
구획 제목	<h1>text</h1> ~ <h6>text</h6>	text text
구획 분리	<hr>

---

샘플

• 샘플 스프레드시트