Download HTML CHEAT SHEET and more Lecture notes Web Programming and Technologies in PDF only on Docsity! HTML CHEAT SHEET Your Destiny Home Page can be used to provide information, promote various materials and activities, and make announcements to students and staff. To customize the HOME page in Follett’s Destiny Library Manager, you can use some basic HTML commands to format your text. One important thing to note: when you are using HTML tags, your text must be surrounded by the tag. There is always an opening tag and a closing tag. The tags surround the content and apply meaning to it. TEXT FORMATTING TAGS <b> … </b> Create bold text. (Can also use <strong> … </strong>) <i> … </i> Add italics to text. <u> … </u> Underline text. However, many users assume any underline text is a hyperlink, so use this sparingly. <center> … </center> Center your text on the screen. <br> Put a <br> at the end of a line to create a line break. Line breaks are not automatic in HTML. Just pressing [Enter] on your keyboard will not create a line break. You must use the <br> tag. (Can also use <p> … </p> as well – this is the paragraph tag and creates line breaks as well). <marquee> … </marquee> This creates a “crawler” or scrolling marquee of text across the screen. <font color=”red”> </font red> This allows you to specify the font color for the text between the tags. You can also use numeric codes for font colors if preferred. You must put quotes around the font color. <font size=”number”> … </font> Allows you to specify the font size. Font sizes range from 1 (smallest) to 7 (largest) with 3 being the default size for normal text. You must put quotes around the font size number LINK TAGS <a href=””> … </a> Anchor text for hyperlink. Hyperlink goes between quotes. Clickable text is between tags. <a href=”mailto:”> … </a> A link used to pull up an outgoing message to a specific email addresses. <a href=”tel://###-###”> … </a> A link to make phone numbers clickable, especially useful for mobile users. IMAGE TAGS <img src=”url”/> An image tag to include and display image files. The source of the image is a web address (the image cannot be saved locally on your computer. It must be on the web available for all to access). alt=”text” Alternative text that helps explain the image content to both search engines and users. align=”” The alignment of the image (relative to other text elements on the page). NOTE: You can use more than one effect on your text. For example, if you want something bold and in italics, you would so the following: <b><i>Your text here</b></i> The forward slash inside brackets will end a text effect – for example, the </b> tells the web browser to stop the bold for any text following the end tag. ADDITIONAL RESOURCES Simple Guide to HTML http://www.simplehtmlguide.com/cheatsheet.php Adding images to a webpage http://www.pageresource.com/html/image1.htm Free clipart http://classroomclipart.com/
