194 Chapter 4: Using HTML Figure : Editing a document in Google Docs’ word processor Note that there is a menu item, just above Edit HTML, for editing the CSS. We will make use of that shortly. Figure shows the HTML editing window into which the HTML code from Example in Chapter 2 has been pasted. Figure : The HTML editing mode in Google Docs’ word processor From the Library of Wow! eBook Google Docs 195 After clicking the Update button to save our input, we can choose the Edit CSS option from the Edit menu. Then we can enter the rules for formatting the level-two. | 194 Chapter 4 Using HTML Figure Editing a document in Google Docs word processor Note that there is a menu item just above Edit HTML for editing the CSS. We will make use of that shortly. Figure shows the HTML editing window into which the HTML code from Example in Chapter 2 has been pasted. AHO Points Of Interest - Coogle Docs Mail Calendar Documents Reader Wob more SfilLnai I SiSQjQU Googl Share . File Edit Edit HTML HTML Proview Notable Building skyscra is the buiidmq reports Of intẽfMt h p cu M nefr N0tnoe bu Jangs in mo dimna incutìn me Raiiron Bu Id ng. nnn 0 mn bdiwi of tnn flhgnn Now York Skyscraper . ana just to east at O e Mad wn Avu-uu IS the Met Life Tower. Dui t m 1909 and the latest Duiding Jn the world until 1913 D p Class f g f Nea by on Madison Avenue between 26t and 27tn Streets on the site of me Old MMtson Square Garden H re New York Life Buiding burt m 1928 and designed by Cass Gtbert with a square tower topped Dy a ttnong gJOOd pyramd - P 27th rden and pped Figure The HTML editing mode in Google Docs word processor From the Library of Wow eBook Google Docs 195 After clicking the Update button to save our input we can choose the Edit CSS option from the Edit menu. Then we can enter the rules for formatting the level-two heading and defining the two classes for floating the paragraphs. Figure shows the CSS editing window with the CSS statements from the style element in the head section of Example in Chapter 2 pasted in. Figure Entering CSS Statements for a Google Docs document Clicking the OK button saves the CSS so that it is applied to the HTML elements in the document. The final result is shown in Figure . Figure A two-column newsletter-style article edited in Google Docs From the Library of Wow eBook 196 Chapter 4 Using HTML Although both Google Docs spreadsheet application and the presentation editor make it possible to publish those types of documents directly to the Web neither lets you directly .
