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

Working with basic HTML

From the course: reveal.js: Online Presentations

Start my 1-month free trial

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…

Contents