From the course: Practical HTML for No-Coders
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Working with classes, div, and span
From the course: Practical HTML for No-Coders
Working with classes, div, and span
- [Instructor] I'm sure after looking at these ugly web pages for a while, you're ready for a splash of color. So next, up let's talk about CSS classes and the HTML div and span tags. CSS stands for Cascading Style Sheets, the way the web looks pretty. As you know, pretty isn't coming from your HTML, which reflects only the structure of the page. CSS is set up in a separate document, which we can take a quick peek at. It is here inside of this CSS window, if you grab and you pull it on up here, this is going to show you that CSS looks different than HTML's form differently. It looks completely different. We have a couple of different types of styles that are demonstrated here in the CSS. So these first two might be ones that you somewhat recognize. We have one called body and we have one called h2. h2 you should certainly recognize, that's an HTML element, and it's responsible for putting in a border on the bottom of…
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
-
-
-
What is HTML and how is it structured?4m 35s
-
Understanding headings and paragraphs7m 45s
-
(Locked)
Understanding lists6m 44s
-
(Locked)
Understanding nesting lists4m 5s
-
(Locked)
Creating links that go to another website4m 50s
-
(Locked)
Creating links within a page7m 31s
-
(Locked)
Challenge: What's wrong with this markup?2m 23s
-
(Locked)
Solution: What's wrong with this markup?7m 10s
-
(Locked)
Linking to PDF files4m 51s
-
(Locked)
Understanding images4m 53s
-
(Locked)
Implementing images5m 6s
-
(Locked)
Creating figures and figure captions4m 24s
-
(Locked)
Quoting text3m 24s
-
(Locked)
Understanding tables5m 24s
-
(Locked)
Working with classes, div, and span6m 54s
-
(Locked)
Posting a video in HTML4m 13s
-
(Locked)
Challenge: Marking up text2m 20s
-
(Locked)
Solution: Marking up text2m 33s
-
-