An HTML iframe is used to display a web page within a web page.
CSS selectors are used to "find" (or select) the HTML elements you want to style.
We can divide CSS selectors into five categories:
Simple selectors (select elements based on name, id, class)
Combinator selectors (select elements based on a specific relationship between them)
Pseudo-class selectors (select elements based on a certain state)
Pseudo-elements selectors (select and style a part of an element)
Attribute selectors (select elements based on an attribute or attribute value)
Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport. 0575163760
Stretched link Make any HTML element or Bootstrap component clickable by “stretching” a nested link via CSS.
Layout Templates We have created some responsive starter templates with CSS.
You are free to modify, save, share, and use them in all your projects.
Conditional Rendering In React, you can create distinct components that encapsulate behavior you need. Then, you can render only some of them, depending on the state of your application.
YouTube Videos The easiest way to play videos in HTML, is to use YouTube.
Struggling with Video Formats?
Earlier in this tutorial, you have seen that you might have to convert your videos to different formats to make them play in all browsers.
Converting videos to different formats can be difficult and time-consuming.
An easier solution is to let YouTube play the videos in your web page.
YouTube Video Id
YouTube will display an id (like tgbN6m87vqY), when you save (or play) a video.
You can use this id, and refer to your video in the HTML code.
Playing a YouTube Video in HTML
To play your video on a web page, do the following:
Upload the video to YouTube
Take a note of the video id
Define an iframe element in your web page
Let the src attribute point to the video URL
Use the width and height attributes to specify the dimension of the player
Uniform Resource Locators A URL is another word for a web address.
A URL can be composed of words (w3schools.com), or an Internet Protocol (IP) address (220.127.116.11).
Most people enter the name when surfing, because names are easier to remember than numbers.
URL - Uniform Resource Locator
Web browsers request pages from web servers by using a URL.
A Uniform Resource Locator (URL) is used to address a document (or other data) on the web.
HTML Video How it Works
The controls attribute adds video controls, like play, pause, and volume.
It is a good idea to always include width and height attributes. If height and width are not set, the page might flicker while the video loads.
The source element allows you to specify alternative video files which the browser may choose from. The browser will use the first recognized format.
The text between the video tags will only be displayed in browsers that do not support the video element.