From the course: reveal.js: Online Presentations
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Working with basic HTML
From the course: reveal.js: Online Presentations
Working with basic HTML
Now that we have the basic framework installed, let's take a look at some basic HTML elements and how they display in Reveal.js. I've added an images folder right here and there's a single picture, because I'm going to show you how to add images into a Reveal.js template. Now I've also made a copy of this template that HTML, and I've renamed this, index.html. It's just a copy of the template. So I'm going to open this up in my Text Editor and open up the index file and I'll right-click, I'm using some blank text here, to open this in a browser. S we could see how the presentation looks. I'm also going to go into Presentation Mode, remember that is View. And then go Enter Presentation Mode, which is Command+Shift+F on a Mac. So, as you can see, the slides automatically center on the screen. And this right here, the first headline, is an h1 level tag. This is an h3 level tag. And this one works really well for title slides like this. But it's not very good for internal slides. So, if I…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Working with basic HTML9m 51s
-
(Locked)
Using audio and video in your slides7m 1s
-
(Locked)
Creating vertical slides2m 27s
-
(Locked)
Using background colors and images4m 44s
-
(Locked)
Changing transition styles5m 25s
-
(Locked)
Building up content using fragments7m 59s
-
(Locked)
Understanding slide links8m 26s
-
(Locked)
-
-
-