Copyright Goodheart-Willcox Co., Inc. 544 Unit 3 Living Online the formatting of a web page, a link must be specifi ed in the head portion of the HTML fi le: head link rel=“stylesheet” type=“text/css” href=“formal.css” /head This code specifi es the relationship (rel) as a style sheet, the media type as a text or CSS fi le, and the URL of the fi le named formal.css. The href attribute specifi es a URL and is found in many HTML tags. In this case, the CSS fi le is in the same folder as the HTML fi le, so only the fi le name and extension need to be provided. If the fi le is in a different folder from the HTML fi le, the entire path or a relative path must be specifi ed. Web Widgets A widget, or gadget, is a small limited functionality application that can be easily inserted into a web page. Examples are body mass index (BMI) calculators, holiday countdown widgets, weather apps, and others. Many widgets are free, while some must be purchased. Conduct a search for free web widgets to see the various widgets that are available. Widgets are written in JavaScript, PHP, or other web-page programming language. Widgets generally come with instructions on how to add it to a web page. Often, you can customize a widget after which you are provided with HTML code that is to be inserted into your web page HTML definition. FYI FYI The W3 Schools website (www.w3schools.com) provides comprehensive information about how to create and use a CSS. Living Online 1.1.3.6 body { background-image: url(“watermark.png”) } h1 { color: darkblue text-align: right } p { margin-left: 30px } Goodheart-Willcox Publisher Figure 13-22. This is a cascading style sheet that is saved in a separate file, which is called an external style sheet. GS5
Previous Page Next Page