1! In
`
`I ma Irnaq-:I sang-mu In
`the I|d1tir.lIN3 Emmet.
`
`-
`
`'- ‘J¢E—'L5'£x.‘f.-£h’£’\£$§i’,KL’.’.3'1:-.E}&1~\j\:-Li‘ :- .-
`
`'__' Bcuenlhsafi
`_
`filflinficwpadij
`
`:
`
`Ilcw. an HmL me ...
`Nnbapar
`I T--1: mrlmplo use: my
`flIg.1'I|.'n| I-In firm the hc~us‘s
`CD.
`2 xvmnhuhu <'.:rga'> rag,
`artmhe .11 ign atrlaule
`
`{J Sci Elm align allnhuza In
`:1-at
`-I Saw the rila w|'h a new
`
`Open ma =-mu Flam a
`b\vaNs.u'.
`
`.-__._-,-_$._“=_g._'.;_“--,._l32:;
`
`
`TML4and
`
`Web authorin - tools on CD—ROM'.
`- Trial versions of Macromedia' Dreamweaver and
`Adobe‘ G0|.i\.re"‘
`
`* HTML editors. plus all code and examples from
`the b00‘<
`
`Visit us at www.idgbooks.com
`
`WhatsApp's Exhibit No. 1036
`IPR2016-00717
`Page 1
`
`

`

`TML 4 and XHTML" 1
`
`9
`
`o”
`
`Visual
`
`by Kelly Murdock
`
`From
`
`JTRITEGF JJLS"
`
`IDG Books Worldwide, Inc.
`
`An International Data Group Company
`Foster City, CA I
`Indianapolis I Chicago ' New York
`
`WhatsApp's Exhibit No. 1036
`IPR2016-00717
`Page 2
`
`

`

`Master VISUALLY” HTML 4 and XHTML"' 1
`
`Traderriark Aclmowleclgments_
`
`Pulilislietl by
`IDG Books Worldwide, Inc.
`An lntcrnatiniml Data (éroup Company
`‘JI9 E. I‘IilI.S(l:1IC l3lvd.. Suite -100
`Foster City. CA 9*!-‘IIJ-1
`in-;w.'idgbooI-cs .cora LIDG I’:-noks ‘v\-'orEtJwirIr' Wrh Sin‘)
`Original text and lllustraztons Dopytlght © 2000 ID(} Books Worldwide. Inc.
`Certaiti oi the text and zllusitations are Copyright (9 1091-2000
`|uatnt1Graphii;s Inc. and are 1."-setl with mnranGmpl:=.cs' perlnission.
`
`Design Ei-;1pyrig‘ttt © 1FI91~2000 tnzrstnfiruphies, Inc.
`'3?35 Coopers .-‘wcune
`Mississauga, Ontario. Canada
`L‘IZ IR‘?
`
`All 1'igl1Ls tt‘_€E‘tU'C(l No part of this hook. including intetiordcsLgt1.cuve: design,
`and icons, run}: he reprntlitced or tmnsmittecl in any form, by any means
`(elcctmn:c, photocopying, recording. or otherwise) \vi'.l|uut the prior written
`permissinn of the publisher.
`1.ihrat§.r of Cnngttss Control Number; 00- l0T55‘3
`ISI'I.\I: 0-?fi‘I5'3‘I5*|-3
`Printetl in the Univ.-d States ol America
`1l'|9FI'r'fi3‘I"52i
`I0r'QWQ?IQQ.v’lN
`I):-ztriliuted in the Ullited States by IDG Brinks Weniclwitle, Inc.
`Dt~;m'.b=.u1ed Iyv CDG Books {1niad:i Inc In: (':m:KI:I: by "Ir-aabworlcl lfilblishcrs |_trnimI in the
`United I(i.ngcIn:'r.; by |[)t'§ Notge Books for Nonvay; 1151' IDG 5u:etIeI1Bool<s for ‘iwerli-n; by
`[DC Boo!-ts .-\u5L'i11i:t Publishing L'Lorpo.“:tt|on Ply. l.1tI. lot mtsti‘-iliri and New It-aland: by
`TmnsQutst Publishels Pte Ltd. Ior Singapore, I\«I:‘.I.1}|RI.‘I, 'l‘|\a‘.IaIicL Indonesia, 3!t<I Horg Kong‘.
`by (Comp Il1.ID'lT‘l13li{!l1 IIIK‘. for Taiwan; by ICC Must. Inc. lnrjapII:1byInI.enioltIurSuul!
`xilrirn; by I‘:
`for Fmnut; by Imermtiotial Tllomson I*‘ul)I.is Littg for GcI:muy_ Austria and
`Switzerland; by I'Ii:rI'ih‘.jIrJoI‘:t Cuspide For Ange-.‘ttiru:; by LR I1.=lcti1ae'oIi.IIIoi'I!razi.I'.
`Cnilileo
`I ihms for Cldle; by Etltcionrs ZETA 5.C.R. L1:]:1. for Peru; by W5 Computer Pulilislxing
`Co1’pnI‘at'tnn. I.l1C., [or the Ph'tIlppi1im;by Corttcruporanea (I: Ediciones for Vhimmcia; by
`Expose CD:'trpttLt:t Di:~;I.IiI.l|.|.L'IiS or the Caribbean amei West Indies; by Iiriiuonesia Media
`Distributor, Inc. I01‘ Micronesia. by Cliips Cornputadoras S-.A. dc CV. for Mexico; by Editorial
`No:-rm dc Pamma Sit Io: I‘anarm:_ by Ilrrtentnn Bookshops for Finkmd
`1'-‘or oorpomte ortlers, pleme call marrnifiiaphitra at 8t)N69-6616.
`Foi'genztalinELirn1atIon ori IDG Books Worl wicIe‘s books in the U.S., please call our
`Con.sumcr Customer S€i'\«'IUC deparutimi at 800 T62 29?4. For resellerinlonrration.
`Lneludjng clbzouirts nntl prentiuin sales. please call our Reseller Customer Service tlepinnnnt
`at 80.1-*1}-I-3-122.
`For irtlonnaiton on where to puieime IDG I'IonI-ts \Vui|dwnie‘s books outside the US, pfezsc
`conlract our Iriterrutitirial 5-aIzsdepa.1TLtient at 317-5 TA-3993 or fax 3|?-534002.
`For cnnsunier information on ioreign language trarrslatiurs, please ct:rLl:It'I our Customer
`Service depart mm at l—Bt){I-434-3421. lax §l'.I'-572-‘HIE, or email ri\r,II@idgbDOIt5.coni.
`For iu.Ionn.1t.on on licensing Iuieign at dotiiestic I1'gI1t5,plea5c phone +1 650-6.53-'r"~'J9B.
`For sales iiiquiiies and special pnces the bulk lllIl1I1lH’.'-, please cnlimct our Ottlc-.' S-ervicts
`Lleportwent at 8t)0—‘I-3"-3422 or wrrn‘ tn the :'I( dress above.
`For iitlonnation on Lmltg IDG Books \‘\-‘o1IdwltJc‘s hooks in the classroom or Ier orderi.ng
`ex-anu'mtlor1 copies. please contact our Etltmtioml S.1le5<lepnnmentntSflO«i34-2086 or fax
`31]’-572-‘I005
`
`For ares-3 nnticw cop;t's.a=.1th.or ititerviews. or other puIJIlv.-tty inlonnatiun, please contact our
`Ptth ' Relations t.IE‘pllfITElCIlLi1II‘.'5I}-lI'3.3*-TIIIIII on Lot 650553-V500.
`For atlthm-Lzatioii to notocopry items [or f.'0'lT_J01‘dIE. personal, or etlucttional use. please
`co:1tuctCo}iyngh1 Cteantncc Lerner, 22.1 Itose-mod L)':ive, Dzinvers, MA 01921, or Ian:
`‘JI'E‘}—'.I5{J-*I4?U.
`
`tmige.
`ErLi‘tct'n Shuts tlispbv,-ed in this book are based on pn:—rr:Ir:a.=.cd software and are subjext to
` JE.._W&KRRN.I)'I..1 I’‘-35'—I5IIER 19.3 RUTHUR “WE
`USED TIIIEIII BEE"
`FORT5 IN I".II-Z1‘.:\1I_’}-‘G THIS BOOK. Tl-IE PUELISIIIEII AND AUTIIOR
`MART-' N0 RI‘-PIIF
`‘.h'I'I()NS fill \\u'ARIi.I\.'\I'I'I]‘_‘i WITH |lE5I'El.'.I TO THE‘. ACCURACY OR
`C(‘.Ml'1.|’:TI‘.I.\'I’.'5$ 01'
`III‘. CONTENTS OF TIIIS I}O0I( AND 5P¥.'(.'lF1C.\I.I.!' DISCLAIM ANY
`IMPLIED W.v\|IRa\N‘I'IES IJF MF.|lC!I.v\NT.1I7IIIIT¥‘ [III FITNFSR FUR u\
`l'.I\.|l'lIt'.L.IE..\ltI PURPOSE.
`THEIIE ARE NO \\":’tb<Il.i\I.\"i'IE5 WIIICH EXTEND BEYOND TI1 .
`JICRIPIIONS CONTAINED IN
`THIS I‘.’\|lflGRAPll. ND 'M\Rlr\NT\'
`row RF f‘.IlFA'I'FI} UR EXTENDED BY SALES
`REPRESENTATIVES Oil WRITIT.
`SALES MJlTE3IAl.S. THE .«\CCUR.\('.Y AND CDMPLIFIENESS
`[IF THE JNI-'03?-IATION PFIUVI
`I£F,RF.'tN AND TIII’. OPINIONS STATED Il'EIlF.I\I ARE NOT
`GLIA1i..v\N l'l-ZED OR ‘-V.-\RPu"’I I\'[F..TJ T0 PRODl]t‘.I-1 ANY PA I(‘l'IC.UIJ\I‘t I1l:'5UIT5..-IND THIS ADVICE
`EM) STRATEGIES CUNTAINEI) I-ll-fill-'.I}~' MM’ NOT |1E 5UiT.i\|.iI.E FOR IWERY INDIVIDLIAI.
`NEITIIEII THE I‘IJI}I.[SI{I‘-.|t NOR .I\L|Tll()Il SIIJILL BE LIMILE FOR ANY LOSS OF PROFIT O11
`ANY OTIIIEII COMMIRCIM. DM:I.r\GE-.5,
`INCLUDING HUI‘ NOT lII¢1I'I'ED TD SPECIAL
`INCIDI".I'~ITfil. COLVSEQUENIIAL. 0|! OIHI-_Il D:\M.r\(jES.FL'-I.I"iLLMENT OF EACH C0|.lI’CIN
`OFFER IS 'l‘I-{E RESPONEIBILFFY OF THE OFFEROR.
`
`KETML is a tradcrnarlt of Terje Noreleliattg. The ntaranfiraphics logo
`is a trademark of 1'naranGraphics, ItlC.. The IDG Btlnkfi WOFIFIWILIC
`iogo I521 tcgisleied tmdematk under exclusive license to IIJG Books
`Worldwide. Inc, from International Data Group. Inc.. Visual. the
`Visual logo. Teach Yourself \e'lS'LIALL‘r’, Master \.IISU3’iLI.‘t', 5'-irn plilied
`and re.atetI trade dress are registered zradcmarks or trademarks of
`[D6 Books Worldwide, Ine., in the United States and other countries,
`and may not be used without written permission. All Other
`lIi:I.LlI:!llaII(S are the property of their respective owners. IDG Books
`Worldwide, Inc. and n1ni'anGr:Iphics, Inc. are not associated with any
`product or vendor mentioned in this book.
`Netscape Commttnttations Corporation has not rittthorized,
`sponsored, or endorsed, or approved this pttblictitinn EIEILI is not
`responsible for its content. Netscape and the Netscape
`Cnmnitttticatlons Corporate Logo.-5. are l1'tI.Clt3I’na.'l<3 and trade names of
`Netscape Communications Corporation All other protluer I‘l:L1‘IIl:>'
`niidfot logos are trademarks of their respective owners.
`
`IS a registered trademark under exclusive license to IDG
`Books WorIr1wlt‘It:, Inc. Itotn lttterziational Data Group.
`Inc.
`
`
`
`15.25::'____.._...2...:
`
`Contact maranfiraphics
`at (300) 4-69-6616 or
`fax (905) 890—91-34.
`
`at=._
`
`, Trade S.qles_
`'
`Contact IDG Boole;
`at (300) +34-3422
`or (650) 653—7000.
`
`WhatsApp's Exhibit No. 1036
`IPR2016-00717
`Page 3
`
`

`

`CHAPTER
`
`_
`
`-
`
`I.-ADDIING IMAGES"
`
`CREATE AN IMAGE LINK
`
`inages often make better. more—
`intuitive hyperlinks than text.
`Many navigation schemes use
`images for their links‘ instead of
`text. Chapter 10 shows how text
`can be made into hyperlinks.
`
`just as text can be used as a link
`as, an image can also be used as a
`
`link. To make an image into a link,
`simply surround the complete
`<img/ > tag with opening and
`closing <a> tags and set the href
`attribute to where you want the
`link to go. Image links, like text
`links, can be either relative or
`absolute.
`
`Different parts of an image can 3'50
`be set to link to different places if
`you create an image map. Image
`maps are discussed in Chapter 14.
`
`[fa linked image includes a border,
`then the border will be the same
`color as the text links.
`
`CREATE AN IMAGE LlNK
`
`I
`'
`rc
`s aali
`'
`I'eI_]1nn. Its mite Fur prnuines
`protection iron the several] cold firctil: another as Hall as acting as
`a cancurlage against the sunny terrain. The polar near"; 012': consists
`ai Fish and seals. Fu11—gr-nun polar bears can weigh nor:
`than 1230
`pounds and oespita their size, palar In-ars are excellent -suinmrs.
`(Ebony)
`(“tn-I,
`
`'
`
`__
`
`I‘
`_-
`_
`
`_
`
`«
`
`1
`
`-
`
`_
`
`I
`
`The polar boat’ is native
`mm Am-.
`-mus
`U 1
`“F5
`W‘: f“i'PW"'1d¢5
`protection Gomrhc
`“mat, wk; mac
`I
`wealhclasweilee.
`ading as acunouilago
`against '13: allow)!
`terrain. Tbs polar bur’:
`diet consist: offish and
`seals. Pu!-gown poiar
`beam can weigtunore
`Ii:in12fl0 pounds and
`despite their size, polar
`5lI‘r1rI'UTlCI'$-
`been an eatuclknl
`
`"
`‘ii
`
`.3.
`. '
`ii
`
`I] Open an HTML file that
`has an <irng/> tag in
`N I
`d.
`0 el_)a
`I This example uses the
`-I’
`|<.hi
`'
`lfl
`f
`ih
`Egkig CD?“ la mm B
`Wu €a> tags.
`
`3 Add the href attribute to
`the opening <a> tag.
`4 Set the href attribute to
`the Web page to link to.
`5 Save the file with a new
`filename.
`
`Open the file in a
`browser.
`
`I The border color has
`changed to blue.
`
`WhatsApp's Exhibit No. 1036
`IPR2016-00717
`Page 4
`
`

`

`MASTER VISUALLY HTML 4 AND XHTML 1
`
`Is there any way to identify an image
`as a link if the borders are turned
`‘rm
`V’
`
`If an image does not include any
`borders. the only way to tell if the
`image is a link is to move the mouse
`cursor over the top of the image and
`look at the browsers status bar to see
`if there is a link URL.
`
`Can image links be used to link to an
`e-mail or an FTP site?
`3/
`Image links, since they use the <a>
`tag are exactly the same as text links.
`To link to an e-mail address. you
`simply need to add the mailtoziz‘
`protocol to the front of the e-mail
`address. To link to an FTP site, you
`need to use the ftp»? protocoi in front
`of the FTP site address.
`
`.'$7{Ki%4H' .fl35?;355$N52-a?e.¥&'-'J?3l'fiLii3fi.TC'a‘L&sa.“.fi?-5.?il:35?fil¢fi.P\J.-.':4 .
`
`li\':' l’u|1.-liIl'__un\ l_‘.hI_li’1l'|‘(‘
`—
`l ‘'5 Ct 13.171 I-"1 Cl cit
`
`"
`
`"
`
`efme Arctic region Its
`““*"° “F "‘°"""‘
`pmte man fiom the
`severely cold Amie
`weather as well as
`acang as a omotflnge
`against the snowy
`mm The po1a.rbea.t's
`diet consists oflish and
`seals, Ful-gown polar
`beam can weigh more
`than 1300 pounds and
`despite Ihelr size. polar
`bears are excellent
`
`7 Move the mouse cursor
`over the top of the image.
`
`‘ The linked URL appears
`in the browser status her.
`
`E] Click the image.
`
`I The Web page that the
`image is linked to opens.
`
`WhatsApp's Exhibit No. 1036
`IPR2016-00717
`Page 5
`
`

`

`H
`
`‘
`‘
`One picture IS worth a thousand words.
`
`H
`
`_
`lfyou prefer instructions thflf
`
`. [)ream\.veaver', Flash", and Adobe‘
`GoL1ve' trial versions
`
`Web authoring tools on CD-ROM!
`
`show you rather than tell you, then this comprehensive reference is for
`ou. Hundreds of succinctl
`t‘ nec|,ste -b -ste
`ts reveal
`p Scre
`y cap :0
`y
`p y
`how to accomplish more than 30-13 HTML and XH _Jl_r‘lL"tésl<s,rncl_ua'c?l g:
`
`. Creatingatextlinl:
`I 0ptimizingJPEGimagas
`. Building a frameset
`- Setting up a form
`- Using video files
`
`.
`
`_
`
`. y1l:irkIng;=1fritl1_.gpiJ|e‘t-§.
`I
`.44.:
`4}"
`'n Style-tags’
`-'
`._...l".EJ£r'fin_i.\.\~~9I|-._
`_
`I
`"_
`
`_
`
`. "
`
`_ "
`
`.-
`
`,
`
`-
`
`.
`
`.
`
`-
`
`I
`
`-
`
`f"‘“'1"‘:"‘:°"“*
`imwmm-nu
`|In-
`r*’:.:.‘::
`'=:"-
`unrynumns.-unn..
`..,,.,,.,,g,g,..5._..~,,..
`,_",_“___),__“_,_,_
`mmp‘
`n-.uuu..um.u.¢.
`'Nn("lII¢-ll|
`>...nmu-
`.,,.,.,_,..,,.‘,, ,,.,,,.,,.,
`muumm-nnmwe-ya
`
`-
`
`-
`
`'
`-
`
`_
`
`'
`-
`
`_
`
`'
`
`'
`
`,
`
`_
`'
`-n"u
`'
`3.3;
`'
`.
`_
`.-_;__>
`-
`-
`_
`ng
`?.g.¢...,r|,...
`guu..............,...u.n..
`n-s§|nunleI~Mvou|g'
`'
`pa-Ina.-m......u.
`_-In
`c\
`.um, “r”.
`urn-u.-,.n.a--m..J. “WIN
`
`-CSE HTML‘v'a|idator Professional, Hot
`Dog Express‘. and BBEd'rt"‘ demos
`- Home-Site‘and Paint Shop Pro‘
`evaluation versions
`- Plus all code and examples from
`the book and a searchable e-version
`ofthe book
`II'H.'|I.Idua
`
`"
`
`.
`
`,;'L-is.
`|
`
`N Includes
`_
`Communicator
`
`e............u.u.nua..e.u.-a Nllluivntul-Iupnultpn
`mu an-.>...r
`r
`../ n=,.
`hmmsnmm
`-I M-«I1»-mu-Mus.
`1| nluwcmmaéuur
`auulum-n-'
`an
`'
`°-"‘??’-§£“.“'”w‘k'
`Jl’un.n.-unsung.»
`Iylnauuulll
`uulflau
`I|MA|u}4uH au«.t.gn.qn
`huhhnndmlugl-wqul
`a-mo.r:u9.n
`«.4.--:1... --I-am
`rulllluh mg-~|u|e5.w
`{hm nu-u--no-ul-v-~
`‘gr’
`""""°"°""'
`" ""
`.,.......,._..._.._.__..._.._...... ......_.-....._.___
`
`_
`
`I
`
`.
`
`___,
`cu-um Ilhqu
`91-1.»-v-In
`€_-.-.-.-_r"|.-£_
`7-57-v-- ~Iv
`‘°''''‘‘
`IInȢm.u....ug.. mon-nlvw-no
`""‘°"""*
`llama».
`flan:-uunu
`an-an
`
`I-M
`tun-urrnn»-u
`
`010-6-
`:I'~Iu-1-::e“I_u_n
`I."£.‘s‘i'1I..“3""»wa
`
`Q “Master It” tips
`answer questions and
`present shortcuts
`
`9 H'1gh-resolution screen
`shots clenlonstrate
`each task
`
`@ Succinct explanations
`walk you through
`steoby-step
`
`@Twopa1ge lessons
`brcalt big topics into
`bite-sized modules
`
`USA
`$34.99
`CAN
`$52.99
`UK incl.VAT
`£33.99
`Category:
`www.idgbooks.com
`web Development
`S1-saem reuulreIm:nI.s< Penlinrn E‘C n:::r.iI11{ \\'iIItiJw*s ‘.33 orhirzhcr -1: :1 P-nu-r.r luiarsntu -tr ru:II|.Iug Mac OS ? 5 5 or liixln.-r.
`5:-; About IL: cotton: App-c1dl>< for [Lrll1c1' n:q'.Iircnu:r.l: and. acuir‘
`:
`
`_
`maTnGraph;c5--
`
`ISBN u-?L.Lr5-:-Ins!-:-5
`
`'
`
`534 99
`
`I
`
`.
`
`I
`'
`9 7307 6 4 5 3 5» 54 6
`
`F
`
`8 5 5 5 5 U 2 5 94
`
`3
`
`WhatsApp's Exhibit No. 1036
`IPR2016-00717
`Page 6
`
`