Saturday, February 16, 2019

Lab 15 Embed App

In this lab, I embedded 2 programs from Code.org. One made from a collaborative effort by me and my teammates. One made independently. First I typed in the required code needed for my HTML document. I typed in <!doctype html>, html tags, <meta charset="UTF-8">,  title tags with lab 15 in it, head tags, and body tags. Secondly I typed in <link rel="icon" href="../Lab_09/CSmallFavicon.png" type="image/png"> to make my favicon display on the tab. Thirdly, I typed in style tags and typed iframe:focus {outline: none;} iframe[seamless] {display: block;} inside to style my iframes which is to display my programs. Next I typed in the body background and made the background color cyan by typing bgcolor="cyan". Thereafter, I typed in center tags inside the body tags to center the content. I typed in h1 tags inside the center tags and typed in my name, date, "Digital Design", and "Lab 15". Then I inserted br tags to make line breaks in my content. After that, I inserted p tags to explain the website and the programs with text. Afterwords, I typed in <iframe src="(hyperlink to program)"></iframe> 2 times for the two programs. After that, I submitted my webpage to the servers. (Not this week though). Knowing how to use iframes allows a web designer the ability to perform their job effectively and efficiently.


No comments:

Post a Comment