Asyouknow, I'm Eli, thecomputerguy, andintoday's class, andwhenyougiveyou a briefoverviewofwhatHTMLishypertextmarkuplanguage, soHTMLis a verynecessary a languageinordertobeabletocreatewebsitesandWebapplications.
Basically, oneofthethingsthatyouhavetothinkaboutisthatifyou'regoingtobebuilding a websiteor a Webapplication, you'regoingtoneedtoknowmultipledifferentlanguages.
EsoTocreate a basicWebapplication, you'llneedtoknowHTML.
You'llneedtoknowCSS.
You'remostlikelyneedtoknowJavascript, andyou'llneedtoknowwhat's called a serversidescriptinglanguage, somethinglikePHPorrubyonrails.
Thisisimportantthingtounderstand a lotofnewpeoplewhentheygetindetectingtechnologyworldofcodingworld, Theyalwayswanttoknowwhatlanguageorwanttechnologytheyneedtoknowtobesuccessful.
Andwhat I keeptryingtoexplaintopeopleisnotonelanguage, right, basicallyforanyofthesetypesofthings.
Inordertoactuallycreate a productanybodycanuse, youprobablyneedtoknowfivedifferentlanguages.
Andwhenwe'retalkingaboutcreating a Webapplicationagain, you'llbedealingwith a cameoutCSSJavascript, mostlikelysomethinglikePHPorRubyonrails.
Basically, HTMLiswhatwouldwhatmakesyourwebsitelooklike a websiteandgivesstructureinordertoputtheotherprogramminglanguagesontoCSS, somethingcalledcascadingstylesheets.
SoJavascriptiswhatgivesyoutherealtimeinteractivityon a WebpageorWebapplication.
Sowhenyouscrollover a menuwhenyougetthatautomaticdropdownthat's actuallybeingdonebyJavascript, thenyougotothebackendprogramminglanguagesthatsomethinglikePythonaresomethinglikepythonPHPrubyonrailson.
Basically, whenyoucreate a forminHTMLwhenyouhitthesubmitbutton, theinformationthatformisthensubmittedtooneoftheseotherscriptinglanguageisthatthatthentakesthatinformationanddoessomethingsuchasputsitinto a databaseorstoresstoresdataon a serversomewhere.
Itwasveryimportant.
Understand, whenyou'rethinkingaboutbuilding a WebpageorWebapplication, you'regoingtobedealingwithmultiplelanguages.
Eachoneoftheselanguagesisusedinordertocomplete a certaintaskonthetask.
Understand, though, thatHTMLitselfdoesn't haveanyoftherequirementsof a reallyprogramminglanguage.
Doesn't havefunctionsitdoesn't have.
If l statements, hedoesn't haveloops.
Itdoesn't haveanyofthethingsthatarerequiredinordertobe a realprogramminglanguage.
Whysomeofusoldtimers?
I guess a HTMLprogrammingisbecauseHTMLissovitalforcreatingWebapplicationsthatdouserealprogramminglanguages, soJavascriptis a realprogramminglanguage.
PHP, python, rubyonrails.
Thesearerealprogramminglanguages.
Here's a thingyou'regoingtouseHTMLformstosubmitdatatopython, PHPorRubyonrails, right?
Youaregoingtocreate a WebpagewithHTMLthatwillhaveJavascriptembeddedinthatWebpagewhenyou'regoingtolookat a report.
Solet's sayyouwanttopull a reportoutofyourWebapplicationsalesorsomethinglikethat.
PythonPHPRubyonrailsthatbackendthatserverlanguageisgoingtopulltheinformationandthatit's actuallygoingtobepresentedtotheenduserand a WebbrowserandbasicallywillgetprintedoutinHTMLonthatisgoingtobethewebsitethatenduserisgoingtosee.
Wheneveranybodyorwrote a documentusingsomethinglike a wordprocessor, therewasnowaymostofthetimetoopenthatdocumentinanotherwordprocessor.
Basically, theonlywaytoexport a documentof a wordprocessorwasliterallytoprintitout, andthentoo, importedintoanotherwordprocessor, somebodyhadtositthereandbasicallytypeoutwhatwaswrittenesobackinthedaysagainwhen I was a kidduringtheeighties.
Remember, backintheday, a pieceofsoftwarelikeWordPerfectcostsabout $100 I wasbackinthe 1980.
Sonowadays I'llbetwoor $300.
Andsooneofthereallyissuesthereisif I wrotesomethingonbysimplywantedtotogivethatbookorgivethatdocumenttosomebodyelseforthemtobeabletoread, theyhadtoehavethesamewordprocessingsoftwaretobeabletoopenitupandsimplyevenbeabletoreadthedocument.
Obviously, thiswas a bigproblem.
S o.
ThevalueofHTMLwasHTMLwas a waytocodedocumentstobeabletowritedocumentsandthentowhavedifferentvendors, beable, createbrowsers, theirownbrowsersthatwerethenabletoopenupthosedocumentssothatyoucouldread a documentusingdifferentpeoplesoftware.
SowhetheryouhadNetscapeNavigatorbackintheday, whetheryouhadInternetExplorer, whetheryouhadfireFox, whateverelse, ifsomebodywrites a documentinHTML, thatHTMLdocumentcanbeopenedupindifferentvendors, Webbrowsersandpeopleareactuallyabletoreadthedocument.
Macymayseemlikewhothehellcaresnow, 20 someyearsago, havingpictureslikerealpicturesanddocumentswas a bigdeal.
Alsobeingabletodothingssuchasbelowplayvideosorbeabletoplaymusicorpodcastagain, havingallofthatembeddedinonesingledocumentandthenhavingotherothervendorsbrowsersbeabletoseeandinterpretthatdocumentwas a veryvaluablething.
Sothat's That's whyHTMLwasvaluablefrom a historicalcontextondhe, whyitreallytookoffandbecameimportant.
Andsothat's whyitwasimportantwheneveranybodywascreating a Webapplicationor a websitethattheywouldopenthewebsiteandmultipledifferentbrowserstoverifythattheHTMLthattheyhadwrittenwouldactuallyshowupineachoftheWebbrowsersthewaythatitwasexpected.
ThenhowInternetExplorerwouldinterpretin a naturewontak, whichmaybedifferentlythanhowFirefoxwouldinterpretin h onetagAndnowhowsafariandhowchromeandhowallthesedifferentbrowsersmayinterpretin H onetag.
Andsooneofthethingsyouhavetobethinkingaboutwhenyoucreate a Webapplicationorwhenyoucreate a WebpageisrealizethatwhenthesedifferentbrowsersareopeninguptheexactsameHTMLdocument, theymaybeinterpretingthatHTMLdocumentdifferently.
Butitisimportanttoknowthatwhenyouopenup a WebtheexactsameWebpage, whetherit's ifyouopenitupinsafariwhetheryouopenupinchrome, InternetExplorerorwhateverelse, youmayactuallybelookingat a document.
Theendusermaybelookingat a documentthatlooksslightlyorevenpossiblysignificantlydifferent, simplybasedonhowthatthatthatWebbrowserinterpretstheHTMLthatit's reading.
Soif I gosobasically I'm doing a rightclickhere I candoopenwithandso I canopenwithinGoogleChromeandwecanseeinGoogleChrome.
Itbasicallylooksthesame.
Andsothisiswhatyouwouldbedoingifyou'rebuilding a WebapplicationoranHTMLWebpage, whatyouwoulddoisyouwouldopenitupandmultipledifferentWebbrowsersjusttoverifythatitlooksthesame.
Sothisis a basicideaofwhatHTMLisn't kindofsortof.
HowitworksagainintherestoftheseclasseswillgoMaurintowhatallthesedifferenttagsdioonreallyteachyouhowtobuild a basicHTMLWebpage.
Nowtheyhave a bitofanunderstandingofwhat 8 p.m. L.
A.
Isn't whyit's important.
OneofthecoolthingstoknowaboutHTMListhatit's a verysimplecodinglanguage, sobasicallyeverythingyou'regoingtobedoinginHTMLisgoingtoberelatedtotagsagain.
Sotheimportantthingtounderstandisthatifyou'retryingtofigureouthowtodosomethingwithanHTMLdocument, mostlikelyallyouneedtodoisfigureoutwhattagsyouneedtouseandsoyoucansimplygotoGoogle, typein a Googlesearchandtrytoseeiftherewas a tagthatallowsyoutodowhateveritisthatyou'retryingtodio.
Andthenyoucangoandfigureoutwhatthetagisandwhatthesintaxes, oneofthewebsitesthat I liketogotofor a basicreferences.
Somethingcalled W threeschools.
Solet's goovertothecomputerfor a secondjusttoshowyouthisWebpagebecause, especiallyinthebeginning, I think W threeschoolsis a greatresourcetogotoandjustseewhatallyouroptionsin a keymlrSothisis w threeschoolsdotcomBasically, thisistheirHTMLsection.
Soifyou'veneverbeento w threeschoolsdotcombefore I highlysuggestyougo, theyhave a Kim L.
ButforthisparticularSiri's willbelookinghtmlandsowhatyoucanseehereistheyhave a lotofthedifferentthingsthatyoucoulddoanHTMLagainthat I maynotbetalkingaboutinmySiri's ofclasses.
Soifyou'retryingtofigureouthowThiobuildsomethingintoyourWebpageand I haven't talkedaboutit, definitelycometo W threeschoolstotake a look.
Becauseagain, there's a lotofinterestingthingsnowadaysthatyoucoulddo, suchasgeolocationthat's actuallybuiltintoHTMLfiveNow, toreallybeabletogiveyourapplication a lotoffunctionality.
Sothereyougo.
There's a briefoverviewofwhatHTMLisandwhyitmatterstoyouagain.
HTMLisoneofthoselanguages I wouldargueeverybodyneedstoknow.
There's a lotoffolksoutthere.
There's a lotofpoliticiansouttherethatsayeverybodyneedstolearntocodeand I wouldsayis a technologyprofessional?
I wouldnotagreewiththat.
I don't understandwhyeverybodyneedstoknowJavascriptoreverybodyneedstoknowPHP.
I reallydon't understandwhyeverybodyneedstoknowifelsestatement.
Butwhat I willsayiseverybodyprobablydoesneedtoknow.
HtmlHTMLpopsupin a lotofwaysinthemodernworldagain A lotoftimeswhenyou'redealingwith a Webdocuments, nowyou'reactuallylookingatanHTMLWebpage, evenforthingswhenyou'rewritingWebdocuments.
Andso, ifyougowhenyoutake a lookatthesourceandyouknowhowtheycameoutworks, youcanlookatthesourceforthatage, cameoutandseewhereonetagwasn't closeor a tagwasanopenorwheretheselittlesnippetsofHTMLhavebeenleftandtheyneedtoberemoved.
Literally.
Youcouldjustgoin.
Youcancleanthatoutonyourdocument, willlookhowit's supposedtoagainformeknowinghowHTMLworksmanytimesactuallyeasierformetogotake a lookatthatHTMLcodeandmodifytheHTMLcodedirectly, thentrytodealwiththat.
Wasthewigeditortryingtofigureoutwhatbloodand I'm supposedtoclickonwhat I'm supposedtohighlightandallthatthatcanactuallyendupbeing a lotmorecomplicatedthantimeconsumingversussimplygoingtothesourcefindingfindingtheparagraphthat I'm beingLeewith, makemylittlemodificationsthereandbedonewithit.
SoHTMLisimportant.
I wouldargueforalmostanybodyagain, especiallyworkinginthebusinessofficetechnologyworld.
Soifyouwanttotheseclassestocontinuetostickaroundandyoufindthemtobevaluable, pleasethinkabouteitherbecoming a monthlymemberordonating a fewdollarsforthisproject.