our traditional means (keyboard input or function parameters)and concentrate on having our python program convert the input to the desired html outputand display this output in web page we generate data from within web pageusing web forms initially we will test web forms by automatically dumping their raw data to fully integrate browser and serverwe (ause web forms to provide data(buse python program specified on the servercalled cgi scriptto access the web form data and transform the input data into the desired output(cembed the output in new dynamic web page that gets sent back to your browser this python server program transforms the input dataand generates output web pages much like we did in step above web page basics format of web page markup documents can be presented in many forms simple editor like idle or windowsnotepad produce plain textessentially long string of meaningful characters that appear in the final text you view documents can be displayed with formatting of parts of the document web pages allow different fontsitalicand boldfaced emphasesand different sized text and paragraph layouts microsoft wordlibre officeand osx pagesall display documents with various amounts of formatting the syntax for the ways different systems encode the formatting information varies enormously if you look at an old microsoft word doc document in plain text editor like notepadyou should be able to find the original text buried insidebut most of the symbols associated with the formatting are unprintable gibberish as far as human is concerned hypertext markup language (htmlis very different in that regard it produces file of entirely human-readable charactersthat could be produced with plain text editorbut the markup parts of the file do not appear directly in your browserbut instruct the browser how to format the page for instance in htmlthe largest size of heading with the text "web introduction"would look like web introduction the heading format is indicated by bracketing the heading text 'web introductionwith markup sequencesbeforehandand afterward all html markup is delimited by tags enclosed in angle bracketsand most tags come in pairssurrounding the information to be formatted the end tag has an extra '/here 'hstands for headingand the number indicates the relative importance of the heading (there is also for smaller headings in the early days of htmlediting was done in plain text editorwith the tags being directly typed in by people who memorized all the codeswe will use little enough of the markup that the very limited introduction in html source markup (page )along with samples that show easily modified exampleswill cover all the markup you need for the course with the enormous explosion of the world wide webspecialized software has been developed to make web editing be much like word processingwith graphical interfaceallowing formatting to be done by selecting text with mouse and clicking menus and icons labeled in more natural language the software then automatically generates the necessary markup in this tutoriala possible example for windows users and macs that are not upgraded to the catalina osx versionis the freeopen source kompozer from users of catalinaor later osx versionscan look at the introduction to the mac app textedit in html source markup (page dynamic web pages