1. Introduction to Hypertext Markup Language James H. Harrison, Jr., M.D., Ph.D. Center for Biomedical Informatics University of Pittsburgh Medical Center Forbes Tower Suite 8084, 200 Lothrop St. Pittsburgh, PA 15213 jhrsn@pitt.edu

2. Uniform Resource Locators (URL/URI) A standard nomenclature for Internet addresses http://path.upmc.edu/divisions/informatics.html ftp://path.upmc.edu/resources/cases/caseList.doc Protocol gopher:// telnet:// mailto: file:/// serverdirectory(ies)document

3. A Hypertext Markup Language Document My Document This is an example HTML document First paragraph Second paragraph This is the first paragraph. It doesn't really say very much. Now is the time for all good men to come to the aid of their country. This is the second paragraph. The quick brown fox jumped over the lazy dog. Tags define formatting Returns and spaces don't matter

4. A Simple HTML Example My Document This Is an HTML Document Now is the time for all good men to come to the aid of their country. The quick brown fox jumped over the lazy dog. Fido: This is a bulleted list: List item 1 List item 2 Document Head Body Text formatting tags Links Images Inspect the html code of any page by selecting view source from the browser menu

5. General Form of HTML Tags text content -or- without ending tag in some cases

6. HTML Document Elements http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.html > >background="http://url.to.image.file" >bgcolor="#DDDDDD" html colors: 16 names or hexadecimal codes >#000000 to #FFFFFF specify RGB

7. Text Block Elements Divisions, Headings, to Paragraphs, Lists,,, ; or Links, Line breaks, Horizontal rules, Tables,

8. Tables item1 item2 item3 item4 item5 item6 Cell attributes align, valign nowrap width rowspan, colspan

9. Text Style Elements Bold, or Italic, or Sub/superscript,, Fixed width font, Font (moving to stylesheet specification) >Face >Size, absolute or +/- 1 >Color

10. Practice Download and mark up text document