2022.2

images.Tablesusedinwebpagestopositionelementsmakethosepageslessaccessibletousers
withdisabilitiesandtoviewersusingsmallerdevices.
Inprint,Tablescanbeusedforbothpurposes.
HTMLelement:table
Whenyouaddelements,suchastext,imagesoratable,tothecontentofatemplate,youareactually
constructinganHTMLfile.ItispossibletoeditthesourceoftheHTMLfiledirectlyintheDesigner;see
"EditingHTML"onpage171.
TheHTMLtagofaTableis<table>.Tablesaredividedintotablerowswiththe<tr>tag.Tablerowsare
dividedintotabledatawiththe<td>tag.Atablerowcanalsobedividedintotableheadingswiththe
<th>tag.
Thetags<thead>,<tbody>and<tfoot>canbeusedtogrouptheheader,body,orfootercontentina
table,respectively.
ForinformationaboutHTMLtablesandalistofattributes,seehttps://www.w3schools.com/html/html_
tables.asp.
InsertingaTable
1. Onthetoolbar,clicktheInsert Tablebutton,oronthemenuselectInsert > Table > Standard.
2. EntertheTable'sdesiredattributes:
l
ID:auniqueidentifierfortheTable.IDsareusedtoaccesstheTablefromscriptsandas
CSSselectorsforstylerules.
l
Class:AclassidentifierfortheTable.Classescanbesharedbetweenelementsandare
usedtoaccesstheTablefromscriptsandasCSSselectorsforstylerules.
l
Thenumberofrowsfortheheader,bodyandfooteroftheTable.
l
Thenumberofcolumns
l
ThewidthoftheTable.
3. ChecktheoptionAbsolutetogivetheTableanabsoluteposition,orusetheLocationdrop-
downtoselectwheretoinserttheTable:
l
At cursor positioninsertsitwherethecursorislocatedinthetemplate.
l
Before elementinsertsitbeforetheHTMLelementinwhichthecursoriscurrentlyloc-
ated.Forexampleifthecursoriswithinaparagraph,theinsertionpointwillbebeforethe
<p>tag.*
Page 245