Soifyou'regoingto a website, doyoumakesureyouputthat H T T p or A B G.
P s colonforwardslashforwardslashAndwiththat, let's gooverthecomputerandshowyouhowthisworks.
SohereweareatmyMacbookagain.
Inordertodoanyoftheseexamples, allyouneedis a backbasicasskeytexteditor.
Soifyou'reintheWindowsworld, youcanusenopad.
Ifyou'rebackworld, youcanusetextatit.
Andifyou'reintheOlympicsworld, youcanuse g etitthem, Nana, whateveritis, themainthingthatyoujustsimplyhavetorememberiswhenyoudosavethedocumenttomakesuretheextensionisthatyou'renot a t m ordothtml.
Thatway, whenyoudoubleclickorbasicallyyouopenupthatdocument, itwillopenupin a Webbrowser.
That's theonlythingyouhavetorememberesofor.
Here I havethreedifferentexamplesofusingthe A reftaginordertocreatehyperlinks.
Whetherthisisheading H one h twoallthewaydownto 86 whetherit's a P, whetherit's animage, whateverelsefirstyouhavetostartwiththosetagswiththiswe'regoingtohavehere's P andthey'regonnasaythisis a normallink.
Andsoforthisoneword, basically, wewantthisonewordlinktobe a hyperlink.
Sobasically, allwedohereasweopenupthistagandwith a spacerefequalsdoublequotationmarksandthenthepathofthewebsitethatwewanttogotoandagainmakesureit's a fullpath.
Sowiththis, it's gonnabe a singleword, andthat's goingtobe a link.
Andthenwe'regoingtoclosethat a rafttagagain.
Remembertoalwayscloseyourtags, thenbeyondthatforthis, we'rethengoingtoclosethe p tagsoallofthiswillbewithinoneparagraphandthenthissinksimplewordherethislinkwordwillbewhatthehyperlinkissagainopen a tagcloseattack.
Thenifwegodownhere, thisis a littlebitdifferentesowiththis.
Basically, what I'm showingyouisgoingto a filethatissittingwithinthesamedirectoryasasyourhyperlinkdothtmldocument.
So I createdthisimagedothtmldocumentforoneofthepreviousclassesthat I did.
Soforthis, when I createthehyperlink, I use a giraffe.
I don't havetoputthewholehttpsallofthatin.
What I candois I cansimplyreferenceitbyperiod, forwardslashAndthenwhateverthatdocumentissoimagedothtmlagain, we'regoingtomakethis a link.
We'rethengoingtoclosethis.
We'regonnaclosethehyperlinktagonthisgoestoanotherpagebasicallywithinthesamefolderstructureinthefinalexampledownhere, that I wanttoshowyouisisturning a animageinto a hyperlink.
ThenyousaythislinkSoagain, thislinkheregoestoanotherpageandthenwhatyoucanalso, Whatyoucannoticeisif I goovertheimage, youseehowwhen I goovertheimage, mylittlemylittlecursorgoesfrombeinganarrowtobein a hand, sothatshowsis a hyperlink.
Sowiththis, basically, wecandoisthisis a normallength, Soit's gonnatakemetoElicomputerguydotcom.
Sincewedidnotsaywhatthetargetis, Itwillsimplyopenitupinthesamepage, basicallyinthesamewindowthat I'm in.
So I clickonthis.
Weseeitgoesto a lotofPeterguydotcom.
Andsonowyoulikethecomputerguydotcomhasopened.
Now I cangoback, andsothislinkgoestoanotherpage.
Soforthis, I wanttogothisimagedothtmldocumentthat I createdbeforeyouwannaclickonthatagainwithinthesamewindowwithinthesamebrowserwindow, ithasnowopenedupimagedothtml.
Sothat's basicallyjustopeneduphere.
Sothisisthisis a typeofhyperlikethatyouwillcreateforthingslikemenusbasicallynavigationwithinyourwebsiteandthefinalthingtoe.
Butno, Infact, H onecanbe a link, justlikepeecanbe, Um, Andagain, ifyou'relookingatitandyou'rethinkingaboutmaybeyoudon't want a singlewordtobethehyperlink, maybeyouwantthewholesentence.
What I candoissomethinglikethis.
So I canjustdocontrol.
X andthen I coulddocontrol V.
Sonowagain, anythingwithintheopeningandtheclosingof a rafttagthatwillbeturnedinto a linktofile I couldtosave.
Comebackhere, I do a refresh, andnowwecanseethattheentiresentences a link.
If I clickonthat, obviouslygoestoEli, thecomputerguydotcom.
Sothat's a basicunderstandingofhowthesehyperlinksworkagainwhenyou'regonnabepointingto a differentWebsitetomakesureyoukeeptheGDPor a GPS.
Andifyou'repointingto a fileorsomethingwithinwithinyourownWebserver, doyoumakesureyouunderstandhowthatfileandfolderdirectorysystemworksbeyondthatagainifyoudon't have a target, Ifyoudon't saywhatthetargetis, thenthelinkwillsimplyopenwithinwhateverpaidwithwhateverbrowserwindowyou'rein.
Ifyouput a targetequalsunderscoreBlank, thenthewhateverlinkthatyou'veclickedonthatwillopenupin a differenttaborwindow, dependingonwhatyou'resetting.
Ifyou'regonnabepointingto a filewithinyourowndirectory, makesureyouunderstandhowthatfilestructureactuallyworks.
Andthenagain, ifyouwant a pagetoopenupbutthecurrentPaigetostayopen, thenuseTargetunderscoreblankandsothatwillopenupthehyperlinkin a newwindowor a newtab.
Andsothatcouldbeusefulfrom a navigationstandpointwhereifyoudon't wantpeopletolosetrackofwheretheyareinyourwebsite, youcanhaveitopenupin a blank.
That's what I trytodo a lotonyou, like a computerguydotcom.