HTML CHEAT SHEET, Lecture notes of Web Programming and Technologies

HTML CHEAT SHEET. Your Destiny Home Page can be used to provide information, promote various materials and activities, and make announcements to students ...

Typology: Lecture notes

2021/2022

Uploaded on 08/05/2022

jacqueline_nel
jacqueline_nel 🇧🇪

4.4

(242)

3.2K documents

1 / 5

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
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
pf3
pf4
pf5

Partial preview of the text

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 Create bold text. (Can also use ) Add italics to text. ** … ** Underline text. However, many users assume any underline text is a hyperlink, so use this sparingly. ** … ** Center your text on the screen.
Put a
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
tag. (Can also use

as well – this is the paragraph tag and creates line breaks as well). ** … ** This creates a “crawler” or scrolling marquee of text across the screen.


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. ** … ** 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

** … ** Anchor text for hyperlink. Hyperlink goes between quotes. Clickable text is between tags. ** … ** A link used to pull up an outgoing message to a specific email addresses. ** … ** A link to make phone numbers clickable, especially useful for mobile users. IMAGE TAGS


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: Your text here The forward slash inside brackets will end a text effect – for example, the 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/

SAMPLE HOME PAGE WITH MARQUEE Welcome to the Millard Fillmore Memorial Library
Home of the Huskies!



Find...Information Find...Adventure Find...A great book to read Learn more about people and places Follow your dreams Visit places you have only dared to imagine!


Library Hours:
Monday - Thursday | 8:00 am to 3:30 pm
Friday | 8:30 am to 2:30 pm
Librarian - Sue Short

NOTE: “ ” creates a hard space after text. It is used multiple time above to create a space between the text scrolling across the screen

Imbedding a Google

Calendar on Your

Library Home Page