![]() ![]() The trailer has the width and height attributes listed as 560 and 315. To change the width and height of the Beauty and the Beast trailer, Skillcrush suggests finding the ratio between the width and height first. If you want to design for mobile devices, you will need to do this a lot for everything to be displayed appropriately. This requires extra math and consideration of what device you are designing for. You can change the width and height attributes in the iframes tag. Then you are done! If I copied the embedded video link for the Beauty and the Beast trailer and put it in my text editor, the video would be like this in the browser. Once you copy the code, you can paste it into your text editor. If you are using iframes, you can easily find the code you are looking for in any area saying "embed". Click the share button underneath the video.For example, if I wanted to embed the Beauty and the Beast trailer on a website, I would do the following: Websites such as Google Maps and YouTube offer share options or share buttons that already have the code available for copy. All full dream mode attribute tells the iframe tag if the video should be shown in full screen.ĭevelopers love using iframes because the code is already written and ready to use.Īll they need to do is go to the source and then copy and paste it on their website. The src attribute tells the computer where the video is coming from.įinally, the frame border attribute tells the computer if there needs to be a border and what it should look like. Remember attributes give extra instructions to the computer about how it needs to appear in the browser. Take a look at this iframe tag for Disney's live-action Beauty and the Beast trailer.Įnter fullscreen mode Exit fullscreen modeīetween the opening and closing tags, you will see attributes giving more details to the computer about the width and height of the video. To better understand an iframe tag, let's take a look at one. This tells the computer you are going to embed content from another website. Iframe tags are seen as an iframe with an opening and closing tag. These websites use iframe tags to show videos on the home page as well as Google Maps to help prospective students find the campus. A really good place to find examples of iframes at work are websites for colleges and universities. There are plenty of websites that use iframes. Skillcrush likes students to think of iframes as a window that lets them look at other content on a website. This just means developers can put another HTML page inside another HTML page. When developers want to add a video or put a map on a website, iframes come to the rescue! Iframes are an HTML tag that allows developers to embed content on their website. Structural tags will make this happen on some of the best websites on the web so make sure you use those structural tags in your code! This is a must for developers especially if you want to work in tech since other developers will be reading your code to add to a project or debug your code. ![]() The semantic web is the idea anyone can read your code and know what is going on. Organized and understandable code is essential for semantic websites. However, they are doing lots of work behind the scenes from keeping your code organized in groups to making things easy to read. ![]() Structural tags won't be seen working on the browser like text tags. Yesterday, we talked about structural tags including every developer's favorite div tags. Let's take a minute to review structural tags. ![]() Lesson 8 mostly reviews some of the previous topics by identifying common mistakes developers make and some best practices code newbies need to remember as they work with HTML. These are important tags to ensure your website functions properly and add embedded HTML pages to your website. Lessons 6 and 7 will show you how to use iframes and meta tags. In this post, I will look at the last three lessons in week one of Skillcrush 101. Once you are done with this post, you will know enough HTML to build a website. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |