목록

  • 제목 크기는 45이며, 폰트로 맑은 고딕과 나눔고딕을 사용합니다.
  • 제목 목차
    • 상세 목차
  • 제목 목차
  • 제목 목차에는 마침표를 넣지 마세요

애니메이션이 적용된 목록

부제목 위치

애니메이션 효과가 적용된 항목:

  • 'h' 를 누르면 코드 중 중요 부분을 강조합니다.
  • 'p' 를 누르면 발표자 노트를 표시합니다. (슬라이드에 노트가 있는 경우에만)
  • 'f' 를 누르면 전체화면 모드로 전환합니다.
  • 'w' 를 누르면 와이드스크린 모드로 전환합니다.
  • 'o' 를 누르면 전체 슬라이드 보기 모드로 전환합니다.
  • 'ESC' 를 누르면 위의 기능을 취소합니다.

항목이 표시되면 기존 항목이 페이드되는 리스트

  • 마우스를 위에 올려보세요
  • 마우스를 위에 올려보세요
  • 마우스를 위에 올려보세요

작은 글씨로 구성된 슬라이드

  • 모든 링크 는 새로운 탭에서 열립니다.
  • 이를 변경하려면, 링크에 target="_self" 속성을 추가하세요.

소스코드가 있는 슬라이드 (부제목 포함)

부제목 위치

'h' 를 눌러 코드의 주요 부분을 강조합니다. (<b>로 둘러싸인 부분).

<script type='text/javascript'>
  // Say hello world until the user starts questioning
  // the meaningfulness of their existence.
  function helloWorld(world) {
    for (var i = 42; --i >= 0;) {
      alert('Hello ' + String(world));
    }
  }
</script>

소스코드가 있는 슬라이드 (작은 폰트)

// Say hello world until the user starts questioning
// the meaningfulness of their existence.
function helloWorld(world) {
  for (var i = 42; --i >= 0;) {
    alert('Hello ' + String(world));
  }
}

<style>
  p { color: pink }
  b { color: blue }
</style>

<!DOCTYPE html>
<html>
<head>
  <title>My Awesome Page</title>
</head>
<body>
  <p>Hello world</p>
<body>
</html>

발표자 노트가 있는 슬라이드

'p' 를 눌러 발표자 노트를 표시합니다.

발표자 모드

URL 뒤에 ?presentme=true 를 붙이면 발표자 모드를 활성화 할 수 있습니다. 이 설정은 페이지를 새로고침해도 계속 유지됩니다.

?presentme=false 를 다시 누르면 발표자 모드가 비활성화 됩니다.

그림이 있는 슬라이드

Description
출처 : 출처 정보를 여기에 입력하세요.

그림이 있는 슬라이드 (가운데 정렬)

Description
출처 : 출처 정보를 여기에 입력하세요.

표 (유형 1)

부제목 위치

1열2열3열4열
1행placeholderplaceholderplaceholderplaceholder
2행placeholderplaceholderplaceholderplaceholder
3행placeholderplaceholderplaceholderplaceholder
4행placeholderplaceholderplaceholderplaceholder
5행placeholderplaceholderplaceholderplaceholder

표 (유형 1, 작은 폰트)

부제목 위치

1열2열3열4열
1행placeholderplaceholderplaceholderplaceholder
2행placeholderplaceholderplaceholderplaceholder
3행placeholderplaceholderplaceholderplaceholder
4행placeholderplaceholderplaceholderplaceholder
5행placeholderplaceholderplaceholderplaceholder

표 (유형 2)

부제목 위치

헤더 1placeholderplaceholderplaceholder
헤더 2placeholderplaceholderplaceholder
헤더 3placeholderplaceholderplaceholder
헤더 4placeholderplaceholderplaceholder
헤더 5placeholderplaceholderplaceholder

슬라이드 스타일

  • class="red"
  • class="red2"
  • class="red3"
  • class="blue"
  • class="blue2"
  • class="blue3"
  • class="green"
  • class="green2"
  • class="green3"
  • class="yellow"
  • class="yellow2"
  • class="yellow3"
  • class="gray"
  • class="gray2"
  • class="gray3"
  • class="gray4"
이것은 과 버튼으로 이루어진 문장입니다.

계속되는 슬라이드

부제목 위치

전체크기 그림 (제목도 표시 가능합니다)

www.flickr.com/photos/25797459@N06/5438799763/
인용구 예제입니다.
이름
회사

Iframe을 포함하는 슬라이드

<감사합니다!>

연락처 정보는 여기에 표시됩니다.