2022.2

Editing HTML
Whenyouaddelements,suchastext,imagesoratable,tothecontentofatemplate,youareactually
constructinganHTMLfile.
Toseethis,toggletotheDesigntabintheworkspace.Clickanywhereinthecontent.Takealookat
thebreadcrumbsatthetopoftheworkspaceorselecttheOutlinepane.Thebreadcrumbsshowthe
HTMLtagoftheclickedelement,aswellastheHTMLtagsofotherelementstowhichtheclickedele-
mentbelongs.Theclickedelementisattheendoftheline.
ToedittheHTMLtextdirectly:
l
Intheworkspace,toggletotheSourcetab.
OnthistabyoucanviewandeditthecontentofthetemplateintheformofplaintextwithHTMLtags
(notetheanglebrackets:<>).YoumayaddandeditthetextandtheHTMLtags,classes,ID’sand
otherattributes.
TolearnmoreaboutHTML,seeforexamplehttps://developer.mozilla.org/en-US/-
docs/Web/Guide/HTML/Introductionandhttp://www.w3schools.com/html/default.asp.
Manyvideocoursesandhands-oncoursesaboutHTML(andCSS)areofferedontheInternetaswell,
someforfree.Go,forexample,towww.codeschool.comorwww.codeacademy.comandlookforHTML
(andCSS)courses.
Attributes
IDandclass
EveryelementinthecontentofatemplatecanhaveanIDandaclass.ID'sandclassesareparticularly
usefulwithregardtovariabledata(see"Personalizingcontent"onpage708)andstyling(see"Styling
templateswithCSSfiles"onpage672).
YoucanspecifyanIDand/orclasswhenyouaddtheelementtothecontent.
ToaddanIDand/orclasstoanelementthathasalreadybeenaddedtoatemplate,selecttheelement
(see"Selectinganelement"onpage570)andtypeanIDand/oraclassintherespectivefieldsonthe
Attributespaneatthetopright.
Note: EachIDshouldbeunique.AnIDcanbeusedonceineachsection.
Otherattributes
ApartfromtheIDandclass,elementscanhaveavaryingnumberofproperties,or'attributes'asthey're
calledinHTML(see"EditingHTML"above).Whichpropertiesanelementhas,dependsontheelement
itself.Animage,forexample,hasatleastfourattributes:src(theimage'sURL),alt(alternatetext),
widthandheight.TheseattributesarevisibleontheAttributespanewhenyouclickanimageinthe
content.
Page 568