From the course: Practical HTML for No-Coders
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
Implementing images
From the course: Practical HTML for No-Coders
Implementing images
- [Instructor] Now that you understand what's required to make an image work on a webpage, let's implement one quickly. Step one is to get the image in the right format and the right size. I've already done that for you. If you take a look inside of your Exercise Files folder, you'll find a image here called logo.png. It's the H+ Sport logo. And that is the one we want to work with. In another tab in your web browser, open up the ImgBB site, that's at ImgBB.com. And as it says here, drag and drop anywhere you want to start uploading your images. You don't have to make an account, you don't have to pay for it. You can just do this. So I'm going to drag and drop my logo from my Exercise Files folder, right on into right here where it says drag and drop or paste your images. So I'm going to drop my image. It's going to ask me if I want to auto delete my image. That would be, at some point in time, this image will go…
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
-
-