Thi s i s t he f i rst paragraph It is short , bu t it i s st i l l a paragraph !
Th i s i s th e second paragraph
< / BODY> Browser Output Note: The six-digit number and letter combina tions represent the amount of RGB (red, green, blue) color as hexadecimal values from 00 to FF; 00000o is black (no color), FFFFFF is white (fully saturated); finding a specific color using these number and letter combinations can be cryptic Forms allow you to structure input from the uscr, such as cus tomer response Constructing a form is a two-part process I The form must be created within your J-l TML document A program (usually C, Unix or Perl) must be created; this program is called CGI (Common Gateway Interface); CGI receives the data from your form and implements the action specified within the program Get a trial version of Sendit™ from http://wehsunlimited.colll/sellditinj().htm The syntax for creating forms consists of di stinct elements between the tags I I NPUT elements are the basis for various button types and text inputs • Text: Single-line text window • Radio: A group of buttons in which only one may be chosen • Checkbox: A box that can be checked or unchecked • Reset: A button set to clear form values • Submit: A button to send the form data to the CGl on the server SELECT elements create a pull-down menu • OPTION elements define the mcnu choiccs • The SELECT ED attribute in the OPTI ON element speci fics the default menu item to be displayed TEXTAREA elements specify a multi-line text field • The COLUMNS and ROWS attribute s between the tags specify thc default value ofthc field FORMS Tm il: lhe lintp , m It il fbort, but •• d p"""lJ'llPh' 1bi it the "toad plf¥lPh = ~ m Z 11HOW use f ul was th is website ? Very useful < input t ype= " h i dden " name= " SMTP " va l ue ="you r ma i l" > < / Wj jJJcl "-1cw How a Form Works t extarea>< / p > 10
How did you fi n d u s? < sel ect When the "submit" button is pressed, the data from the n a me"" " Re ferra l" si z e::::: "l" > < / TITLE> The title element contains your document title and tions of your document; the SIZE attribute identifies the content in a global context; the title is specifies the line thickness in pixels; the WIDTH not displayed within the text of the browser, but at attribute specifies the line width as a percentage of screen width the top of the browser window Note: The title is what is displayed on someone's book Forced Line Breaks/Postal Addresses mark list, so make your title description relatively short Using the
tag for displaying short lines of < / BODY> text results in additional space between lines; The body contains the content of your document that using the tag causes a line to break with is to be displayed in the text of your browser no extra space; this is useful for displaying postal addresses Headings through Note: No end tag is used with the tag HTML has six levels of heading, from I to 6, with I being the most prominent level Code Example Note: The tags explained below are used within the body of your document Pr ef o rrna tt ed Text , Extended Paragraphs
Quo tat i ons, Horizon tal Ru l es & Fo r ced Line Unlike documents in word processors, carriage returns Brea k s < /T I TLE> < /H EAD> in HTML documents are not important; word wrapping can occur at any point in your source file and multiple on Mou seUp chang e end on c h a n g e set t h e spaces are reduced to a single space by your browser; for e eo lor of sprite t o random ( 6) - end generally, word wrapping will occur after 72 characters Note: Paragraphs must be indicated with the
Int e rnet g rowt h < /P> tag; a browser ignores any indentations or blank lines < P>The onli n e eorrununity s de v e l oped i nt o in the source text; without the
tag, the document an i nc r e dibl e mixtu re of c ul tu r e, commerce , becomes one large paragraph and ente r t n me nt Whe the r s h opp i n g , Code Example plann i ng an e ve nin g o n t h e t own , o r explo ring the many att ract ions , th e I nt e r ne t puts th e world at your f inge r tips
- Al1 Me dia Sol u tions , 1997 < /BLOCKQUOTE > Qui c k Study Ch arts Inc < BR > 1 81 So ut h Ro gers Circ le , Suit e 17 Boca Ra ton , FL 3487 , Hea d ing & Paragraph e xampl e s < BODY> 'O He ad i ng leve l l < /H l> Head ing l evel Heading level Heading leve l < / H4 > Head i n g leve l Hea d ing l eve l 6
Th i s is the fi r st paragraph I t is sho rt , but i t is still a pa graph ! < /p> < /HTML> bold text < I >italic text fixed width font underline tcxt subscript < / SUB > superscript< / SUP > The < /FONT> tags are used SIZE and COLOR with the FACE, attributes to determine the face (such as "arial"), the size (in points PT), and color of text to be displayed in the browser Character Entities Escape Sequences: Used in escaping special characters and displaying other characters not available in the plain ASCII character set Three ASCII characters, «), (» , and (&) , have special meaning in HTML and cannot be used "as is" in text An escape sequence must be used instead &1 t; the escape sequence for < > the escape sequence for > & the escape sequence for & &oum1; the escape sequence for &nti1de; the escape sequence for Ii È thc escape sequence for E Code Example S t y le s & Mo r C < / Head> P hy si c al s t yles ~
u n d erli n e d lex t
- Mo re ASCII c racter s
- l owercase wi t h an uml a u t &o u ml ;
- l c werca se n wi t h a ti lde , &ntil d e ;
- up p ercase E with a grav e a ccent , &Egl ·av e ; < / HTML > Browser Output Browser Output Browser Output Physical Type Styles Heading level HeadiDlllevel _ _ _ The caine cOflllD&ly hM devdoped " il'lcredible miKtwe of "*'n, c~ce ad ~ 'WbeCher sMWoc P 111 everWw QO the loWD , 01" ~ the mIIIIY !tbc~ tbe I1ltemet pwslhe 'NortdatyoUr fin&enip, H J tl3 -_ _ _ I H lne! green arial 7pt A1 }.(edlt ~.I 997 l-_a I ~:::=~, SUte 17 J loowIR , • ~ w6 IID d ~.u n wilh tide !' • _E,.;o, - E , HTML supports unnumbered, numbered and def inition lists Unnumbered Lists • Start with the opening list
- tag • Enter the
- (list item) tag, followed by the item to be listed • End the completed list with the
- tag can be used to specify a SQUARE- or CIRCLE-shaped bullet; the default solid disk shape is displayed ifno shape is specified Note: No closing tag < / LI > is required Numbered Lists/Ordered Lists look identi cal to an unnumbered list, with the exception of the
- tag Definition Lists A definition list consists of alternating definition terms and definitions Note: The and tags can contain multiple paragraphs
, lists or other definition information Nested Lists Lists can contain sub-lists called nested lists; you can also have several paragraphs, each con taining a nested list, in a single list item; elabo rate nested lists are difficult to follow and should be avoided Code Example < HTML> ' Hypertext Links: The areas (graphics or words) in an HTML document that cause another document to be loaded when a user clicks them Table Elements The < /TABLE> tag defines a table in HTML (use the BORDER= attribute to specify border thickness) defines a caption for the title of the table; the default position is top-center, but the attribute AL I GN=BOTTOM will position the cap tion below the table l specifies a table row within a table; you may specify the default attributes for the entire row (see Table Attributes) defines a table header cell; the text in this cell is bold and centered by default; table header cells can contain other attributes (see Table Attributes for more information) defines a table data cell; the text in this cell is aligned left and centered vertically by default; table data cells can contain other attributes (see Table Attributes for more information) The ability to link text and images to another document is a major capability ofHTML Table Attributes ALIGN (L EFT, RIGHT, CENTER) the hori zontal alignment of a cell VALIGN (TOP, MIDDLE, BOTTOM ) the ver tical alignment of a cell COLSPAN=n specifies the number (n) of columns a cell spans ROW SPAN=n specifies the number (n) of rows a cell spans NOWRAP turns off word wrapping within a cell Tables with Images Use a table with no borders to create the appearance of one image with multiple images; interesting dis plays can also be created by using table borders List e x ample
- M i crosoft Internet Expl ore r
- Ne t scape NavigaLo r · Code Example
- t ab l e example of Defense" s Advanced Research Proj e ct Agency, now c al l ed the I nternet ln t ernet Extensi ve globa l networ k of computers provi ding services and inforrration on alrrost any subj ect
- Common WWW browsers < UL > caption contents a r e inser t ed here LINK~ " #0 08 FF " > Linking to a Web page Left Frame for navigation < /font >< /b>
< /b >< / p> Page Trans it ion • a way to identify yourself as the author of the document ht ·equiv =II C on ten t ~ S ty l e - Type ll • specifies the default style sheet language
< f o n t fa c e= " Aria l " 8ize = " " c olor= " # FF FFF F " > Thi s p a ge fades i n < /p > < / HTML > p age des ign _ ,, > Meta Robots Tag There may be certain pages, in the same folder as the ones registered with search engines, that you not want indexed by the search cngine spiders; to prevent these pages from being indexed, use the meta robots tag : < / A> Sounds The syntax for linking to external images, movies and sounds is the same; the only difference is the file extension of the linked file Example: l ink l ink < /A > Common File Types Plain text txt HTML htm GIF image gif TIFF image tif JPEG image j pg PostScript file ps MIDI sound file midi AU sound file au WAY sound file wav Quicktime movie mov MPEG movie mpg AYI movie avi Note: Keep the capabilities and limitations of your intended viewers in mind; not all formats are supported by every system and/or browser Background Sounds Background sounds can be inserted by adding the BGSOUND SRC= attribute within the of your document; the LOOP attribute and the associated number value specify how many times the sound file will repeat (I and greater, -I is continuous) NOSCRIPT The NOSCRIPT element provides alternate content for a client-side script that was not executed; a script will fail to execute if the browser does not support the scripting language or if the user has disabled client-side scripting; NOSCRIPT should follow the SCRIPT element for which it provides alternate content Alternative script goes here PRICE U.S $5.95 Customer Hotline # CAN $8.95 This guide is based on the software versi on that was Shipping at the time of publication and is accurate to that version For specific changes to a software application, see the Read-Me file provided with the software application 1.800.230.9522 free dfwn~ad$ & hun re 0dLtltles at qUlc U y.com ISBN-13 : 978-142320174-8 ISBN-10: 142320174-4 911~11111~ nllill~11lll!llllllrll l r IIiiIII o
- Common WWW browsers < UL > caption contents a r e inser t ed here LINK~ " #0 08 FF " > Linking to a Web page Left Frame for navigation < /font >< /b>
- < /OL > tags Note: The list items are tagged using the