Modern HTML and CSS from the Beginning (Including Sass) - Links, Images & Attributes

This video tutorial covers how to create and manage links and images in HTML using VS Code. It begins with setting up the environment and creating external links, including using the target attribute to open links in new tabs. The tutorial then explains how to create internal links within the same website. Finally, it demonstrates how to add both local and remote images to a webpage, including using the Unsplash service for random images.

What is the purpose of setting up a boilerplate in an HTML file?

• To add CSS styles

• To create a basic structure for the HTML document

• To link JavaScript files

• To optimize images

Which attribute is essential for creating a hyperlink in HTML?

• href

• alt

• title

• src

Why might you want to open a link in a new tab?

• To keep the current website open while visiting another

• To save the link for later

• To improve website loading speed

• To prevent the link from being clicked

What is the difference between inline and block elements?

• Inline elements take up the full width, block elements do not

• Block elements take up the full width, inline elements do not

• Inline elements are always visible, block elements are not

• Block elements are always visible, inline elements are not

How do you create an internal link to another page in the same folder?

• Use the full URL of the page

• Use a relative path with a slash

• Use a JavaScript function

• Use an absolute path

What is the purpose of the 'alt' attribute in an image tag?

• To provide alternative text if the image cannot be displayed

• To link the image to another page

• To provide a caption for the image

• To specify the image's dimensions

Which attribute is used to specify the source of an image in HTML?

• alt

• src

• title

• href

What is a common folder name for storing images in a web project?

• styles

• docs

• images

• scripts

How can you adjust the size of an image using HTML?

• By using the 'href' attribute

• By using the 'title' attribute

• By using the 'alt' attribute

• By using the 'width' and 'height' attributes

What is a benefit of using a service like Unsplash for images?

• It provides free CSS styles

• It offers random images without needing local storage

• It automatically optimizes images for web

• It generates HTML code for images