Beruflich Dokumente
Kultur Dokumente
Introduction
A HTML file MUST save with an extension .html. The document must starts with a <HTML> tag and end with </HTML>. With4in the HTML file, there are two parts: Header & Body. The title will sits within the header. The following is a summary of the HTML tags that must appear within a HTML document.
What?
Document Type Title Header Body <HTML></HTML> <TITLE></TITLE> <HEAD></HEAD> <BODY></BODY>
Tags
Comments
beginning and end of file must be in header descriptive info, eg. title bulk of the page
HTML Template
The following is the basic HTML templates. <html> <head> <title>A Simple Home Page</title> </head> <!-- HTML Tutorial --> <body> In this lesson you will learn how to create a simple home page. </body> </html> Note: Make it a habit to INDENT your html files so that it is easier for you to read and make changes as well as for the sake of your readers. Besides that, keep to one style, either UPPER or LOWER case for all HTML tags.
Linking
What?
Link Something Link to Location Link to Email Define Location
Tags
<A HREF="URL"></A> <A HREF="URL#***"></A> <A HREF="#***"></A> <A HREF="mailto:@"></A> <A NAME="***"></A>
Comments
if in another document if in current document
Tags
Comments
the spec. defines 6 levels
Images
What?
Display Image Alignment Alternate Dimensions Border
Tags
<IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP|BOTTOM| MIDDLE|LEFT|RIGHT> <IMG SRC="URL" ALT="***"> <IMG SRC="URL" WIDTH=? HEIGHT=?> <IMG SRC="URL" WIDTH=% HEIGHT=%> <IMG SRC="URL" BORDER=?>
Comments
HTML Breaks
What? Tags Comments
Paragraph Align Text Justify Text Line Break Horizontal Rule Alignment Thickness Width Width Percent Solid Line No Break
<P></P> <P ALIGN=LEFT|CENTER|RIGHT></P> <P ALIGN=JUSTIFY></P> <BR> <HR> <HR ALIGN=LEFT|RIGHT|CENTER> <HR SIZE=?> <HR WIDTH=?> <HR WIDTH="%"> <HR NOSHADE> <NOBR></NOBR>
in pixels in pixels percentage of page width without the 3D cutout look prevents line breaks
Listing in HTML
What?
Unordered List Bullet Type Ordered List Numbering Type Starting Number <UL><LI></UL> <UL TYPE=DISC|CIRCLE|SQUARE> <LI TYPE=DISC|CIRCLE|SQUARE> <OL><LI></OL> <OL TYPE=A|a|I|i|1> <LI TYPE=A|a|I|i|1> <OL START=?> <LI VALUE=?>
Tags
Comments
before each list item for the whole list this & subsequent before each list item for the whole list this & subsequent for the whole list this & subsequent
Tags
¹ or ¹ ² or ² ³ or ³ ¼ or ¼ ½ or ½ ¾ or ¾
white light blue gold dark orchid More on Web Page Presentation Color and Background snow powder blue light goldenrod dark violet ghost white pale turquoise goldenrod blue violet What? Tags dark goldenrod Comments white smoke dark turquoise purple floral white Bkground medium turquoise rosy brown medium purple Tiled <BODY BACKGROUND="URL"> linen turquoise indian red thistle Bkground Color <BODY BGCOLOR="#$$$$$$"> brown red/green/blue snow4 antique white cyan saddle snow1 papaya whip light cyan seashell1 Text Color <BODY TEXT="#$$$$$$">beige peach puff cadet blue wheat seashell4 <BODY ivory Link Color medium LINK="#$$$$$$"> sandy brown ivory1 ivory4 lemon Visited Link chiffon aquamarine tan blue1 blue4 <BODY VLINK="#$$$$$$"> seashell aquamarine chocolate turquoise1 4 Active <BODY ALINK="#$$$$$$"> honeydew Link dark green firebrick cyan1 cyan4 misty rose dark olive green brown green1 green4 Note: Color in HTML is thedark sea green RED/GREEN/BLUE when you use #$$$$$$. Each of combination of black dark salmon yellow1 yellow4 dark ranges from #000000sea#FFFFFF. Your may specify the color that you want in wordings. salmon gold1 gold4 themslate grey to green dim grey a list of color that is available There are more, find out yourself if you are interested. medium sea green light salmon wheat1 wheat4 Below is slate grey light sea green orange chocolate1 4 light slate grey pale green dark orange chocolate2 grey spring green coral chocolate3 light grey lawn green light coral chocolate4 midnight blue green tomato firebrick1 4 navy blue chartreuse orange red brown1 brown4 cornflower blue medium spring red salmon1 dark slate blue green hot pink salmon4 slate blue green yellow deep pink orange1 orange4 medium slate blue lime green pink coral1 coral4 light slate blue yellow green light pink tomato1 tomato4 medium blue forest green pale violet red red1 red4 royal blue olive drab maroon pink1 pink4 blue dark khaki medium violet red maroon1 dodger blue khaki violet red maroon4 deep sky blue pale goldenrod magenta magenta1 4 sky blue light goldenrod violet orchid1 orchid4 light sky blue yellow plum plum1 plum4 steel blue light yellow orchid purple1 purple4 light steel blue yellow medium orchid grey0 grey100