SlideShare ist ein Scribd-Unternehmen logo
1 von 32
Downloaden Sie, um offline zu lesen
Take the HTML5 Tour! November  15, 2011 Vincci Kwong Franklin D. Schurz Library Indiana University South Bend Indiana Library Federation Annual Conference
A Bit of History
Why Pay Attention to HTML5? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Current HTML5 Support ,[object Object],[object Object],[object Object]
The Outline Algorithm ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Current Page Structure Main Navigation Main Content Right Column  Area Left Navigation CLAS Banner
Outline Page Structure ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],main navigation Discover Our World Right Column Area footer Left Nav. College of Liberal Arts and Sciences
Structuring Page Content ,[object Object],[object Object],[object Object],[object Object],[object Object],main navigation  <nav> Discover Our World <section> Right Column Area <aside> Footer  <footer> Left Nav. <nav> College of Liberal Arts and Sciences  <section>
Structuring Interior Content ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],main navigation  <nav> Student Profiles <section> Footer  <footer> Left Nav. <nav> Build Skills… <article> Donation <article> CLAS News <section> College of Liberal Arts and Sciences  <header> Discover Our World <section> Faculty Profiles <section>
Put Them All Together ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Check with Document Outlines ,[object Object],[object Object],[object Object]
Getting Started…… ,[object Object],<!DOCTYPE HTML> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;en-US&quot;> <html lang=&quot;en&quot;> <meta charset=&quot;UTF-8&quot;> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; />
Forms in HTML5 ,[object Object],[object Object],[object Object],[object Object]
Email and URL ,[object Object],[object Object],Web Address Organization/Club URL: <INPUT  type=&quot;url&quot;  NAME= &quot; URL&quot; SIZE=&quot;30&quot;>
Number ,[object Object],[object Object],HTML5 Number of User(s): <input  type=&quot;number&quot;  name=&quot;nouser&quot; size=&quot;5&quot; min=&quot;1&quot; value=&quot;1&quot;  max=&quot;10&quot;>
Data PlaceHolder ,[object Object],[object Object],HTML5 <INPUT type=&quot;text&quot; NAME=&quot;Name&quot; SIZE=&quot;30&quot;  placeholder=&quot;Type in your first and last name&quot; >
Date Picker ,[object Object],[object Object],[object Object],<font color='red' size=&quot;+1&quot;><b>*</b></font>Date: <SELECT NAME='Month'> <OPTION VALUE='mm'>mm</OPTION> <OPTION VALUE='1'>Jan</OPTION><OPTION VALUE='2'>Feb</OPTION><OPTION VALUE='3'>Mar</OPTION><OPTION VALUE='4'>Apr</OPTION><OPTION VALUE='5'>May</OPTION><OPTION VALUE='6'>Jun</OPTION><OPTION VALUE='7'>Jul</OPTION><OPTION VALUE='8'>Aug</OPTION><OPTION VALUE='9'>Sep</OPTION><OPTION VALUE='10'>Oct</OPTION><OPTION VALUE='11'>Nov</OPTION><OPTION VALUE='12'>Dec</OPTION> </SELECT>&nbsp; <SELECT NAME='Day'><OPTION VALUE='dd'>dd</OPTION><OPTION VALUE='1'>1</OPTION><OPTION VALUE='2'>2</OPTION><OPTION VALUE='3'>3</OPTION><OPTION VALUE='4'>4</OPTION><OPTION VALUE='5'>5</OPTION><OPTION VALUE='6'>6</OPTION><OPTION VALUE='7'>7</OPTION><OPTION VALUE='8'>8</OPTION><OPTION VALUE='9'>9</OPTION><OPTION VALUE='10'>10</OPTION> <OPTION VALUE='11'>11</OPTION><OPTION VALUE='12'>12</OPTION><OPTION VALUE='13'>13</OPTION><OPTION VALUE='14'>14</OPTION><OPTION VALUE='15'>15</OPTION><OPTION VALUE='16'>16</OPTION><OPTION VALUE='17'>17</OPTION><OPTION VALUE='18'>18</OPTION><OPTION VALUE='19'>19</OPTION><OPTION VALUE='20'>20</OPTION><OPTION VALUE='21'>21</OPTION><OPTION VALUE='22'>22</OPTION><OPTION VALUE='23'>23</OPTION><OPTION VALUE='24'>24</OPTION><OPTION VALUE='25'>25</OPTION><OPTION VALUE='26'>26</OPTION><OPTION VALUE='27'>27</OPTION><OPTION VALUE='28'>28</OPTION><OPTION VALUE='29'>29</OPTION><OPTION VALUE='30'>30</OPTION> <OPTION VALUE='31'>31</OPTION></SELECT>&nbsp; <SELECT NAME='Year'><OPTION VALUE='yyyy'>yyyy</OPTION><OPTION VALUE='2006'>2006</OPTION><OPTION VALUE='2007'>2007</OPTION> </SELECT> HTML 4
Required Fields ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],HTML5 Name: <INPUT type=&quot;text&quot; NAME=&quot;Name&quot; SIZE=&quot;30&quot; placeholder=&quot;Type in your first and last name&quot;  required > Opera Chrome
Figure HTML5 <figure> <img src=&quot;http://library.iusb.edu/erc/Brandon.jpg&quot; alt=&quot;Brandon&quot; width=&quot;250&quot; height=&quot;228&quot;> <figcaption> Brandon Bauschke, Assistand Head of ERC </figcaption> </figure>
HTML5 Video ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Encoding Video ,[object Object],[object Object],[object Object],[object Object]
Adding Video ,[object Object],[object Object],[object Object],[object Object]
Canvas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],- draw graphics on a web page
Geolocations http://10k.aneventapart.com/Entry/Details/548
Address ,[object Object],[object Object],[object Object],[object Object],Written by  Mary Lee 574-520-0989
Mark ,[object Object]
Details ,[object Object],[object Object],[object Object],[object Object]
Ruby ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],...  汉字   ... hàn zì
What tags are fading away? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],a, link: rev, charset All block level: align img: longdesc, name, hspace, vspace table, tr, th, td: bgcolor html: version table:border, cell padding, cell spacing, valign th: abbr td, th: height, width td: scope body: background
Helpful Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
5 Things to Remember about HTML5 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Questions? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Ähnlich wie Take the HTML5 Tour!

Ähnlich wie Take the HTML5 Tour! (20)

HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
EJME: enriched journal articles with OJS, 2011-10-19
EJME: enriched journal articles with OJS, 2011-10-19EJME: enriched journal articles with OJS, 2011-10-19
EJME: enriched journal articles with OJS, 2011-10-19
 
Html tags
Html tagsHtml tags
Html tags
 
Tor2
Tor2Tor2
Tor2
 
RSS is Changing The Web How Will It Change Our Classrooms
RSS is Changing The Web How Will It Change Our ClassroomsRSS is Changing The Web How Will It Change Our Classrooms
RSS is Changing The Web How Will It Change Our Classrooms
 
LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3
 
Agile Descriptions
Agile DescriptionsAgile Descriptions
Agile Descriptions
 
Optimizing Drupal for Mobile Devices
Optimizing Drupal for Mobile DevicesOptimizing Drupal for Mobile Devices
Optimizing Drupal for Mobile Devices
 
Pres
PresPres
Pres
 
The Frameless Opac
The Frameless OpacThe Frameless Opac
The Frameless Opac
 
Css
CssCss
Css
 
Plain Language Tips, Tutorials, and Tools
Plain Language Tips, Tutorials, and Tools Plain Language Tips, Tutorials, and Tools
Plain Language Tips, Tutorials, and Tools
 
Xml Zoe
Xml ZoeXml Zoe
Xml Zoe
 
Xml Zoe
Xml ZoeXml Zoe
Xml Zoe
 
Chapter 13 theory and methodology
Chapter 13 theory and methodologyChapter 13 theory and methodology
Chapter 13 theory and methodology
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Using Forms in Share
Using Forms in ShareUsing Forms in Share
Using Forms in Share
 
We9 Struts 2.0
We9 Struts 2.0We9 Struts 2.0
We9 Struts 2.0
 

Mehr von Vincci Kwong

Plan Your Next Plan - The Assessment Plan!
Plan Your Next Plan - The Assessment Plan!Plan Your Next Plan - The Assessment Plan!
Plan Your Next Plan - The Assessment Plan!Vincci Kwong
 
Decision Making for All: Leaders, Followers, Partners, Loners, and More!
Decision Making for All: Leaders, Followers, Partners, Loners, and More!Decision Making for All: Leaders, Followers, Partners, Loners, and More!
Decision Making for All: Leaders, Followers, Partners, Loners, and More!Vincci Kwong
 
Drones and Libraries: Is the Future Now, or Simply the Future?
Drones and Libraries: Is the Future Now, or Simply the Future?Drones and Libraries: Is the Future Now, or Simply the Future?
Drones and Libraries: Is the Future Now, or Simply the Future?Vincci Kwong
 
Life After Going Live: Up-to-date or Outdated?
Life After Going Live: Up-to-date or Outdated?Life After Going Live: Up-to-date or Outdated?
Life After Going Live: Up-to-date or Outdated?Vincci Kwong
 
How to Enhance Findability of Library Web Content via SEO
How to Enhance Findability of Library Web Content via SEOHow to Enhance Findability of Library Web Content via SEO
How to Enhance Findability of Library Web Content via SEOVincci Kwong
 
Don't Take Grants for Granted!
Don't Take Grants for Granted!Don't Take Grants for Granted!
Don't Take Grants for Granted!Vincci Kwong
 
To be Hacked or not to be Hacked!
To be Hacked or not to be Hacked!To be Hacked or not to be Hacked!
To be Hacked or not to be Hacked!Vincci Kwong
 
Mobile Patrons: Better Services on the Go (For Novice)
Mobile Patrons: Better Services on the Go (For Novice)Mobile Patrons: Better Services on the Go (For Novice)
Mobile Patrons: Better Services on the Go (For Novice)Vincci Kwong
 
Drupal: Library Web Sites Made Easy
Drupal: Library Web Sites Made EasyDrupal: Library Web Sites Made Easy
Drupal: Library Web Sites Made EasyVincci Kwong
 
Planning & Producing Videos: A Two-Part Workshop on Writing Scripts & Making ...
Planning & Producing Videos: A Two-Part Workshop on Writing Scripts & Making ...Planning & Producing Videos: A Two-Part Workshop on Writing Scripts & Making ...
Planning & Producing Videos: A Two-Part Workshop on Writing Scripts & Making ...Vincci Kwong
 

Mehr von Vincci Kwong (11)

Plan Your Next Plan - The Assessment Plan!
Plan Your Next Plan - The Assessment Plan!Plan Your Next Plan - The Assessment Plan!
Plan Your Next Plan - The Assessment Plan!
 
Decision Making for All: Leaders, Followers, Partners, Loners, and More!
Decision Making for All: Leaders, Followers, Partners, Loners, and More!Decision Making for All: Leaders, Followers, Partners, Loners, and More!
Decision Making for All: Leaders, Followers, Partners, Loners, and More!
 
Drones and Libraries: Is the Future Now, or Simply the Future?
Drones and Libraries: Is the Future Now, or Simply the Future?Drones and Libraries: Is the Future Now, or Simply the Future?
Drones and Libraries: Is the Future Now, or Simply the Future?
 
Life After Going Live: Up-to-date or Outdated?
Life After Going Live: Up-to-date or Outdated?Life After Going Live: Up-to-date or Outdated?
Life After Going Live: Up-to-date or Outdated?
 
How to Enhance Findability of Library Web Content via SEO
How to Enhance Findability of Library Web Content via SEOHow to Enhance Findability of Library Web Content via SEO
How to Enhance Findability of Library Web Content via SEO
 
Don't Take Grants for Granted!
Don't Take Grants for Granted!Don't Take Grants for Granted!
Don't Take Grants for Granted!
 
To be Hacked or not to be Hacked!
To be Hacked or not to be Hacked!To be Hacked or not to be Hacked!
To be Hacked or not to be Hacked!
 
Mobile Patrons: Better Services on the Go (For Novice)
Mobile Patrons: Better Services on the Go (For Novice)Mobile Patrons: Better Services on the Go (For Novice)
Mobile Patrons: Better Services on the Go (For Novice)
 
Website Usability
Website UsabilityWebsite Usability
Website Usability
 
Drupal: Library Web Sites Made Easy
Drupal: Library Web Sites Made EasyDrupal: Library Web Sites Made Easy
Drupal: Library Web Sites Made Easy
 
Planning & Producing Videos: A Two-Part Workshop on Writing Scripts & Making ...
Planning & Producing Videos: A Two-Part Workshop on Writing Scripts & Making ...Planning & Producing Videos: A Two-Part Workshop on Writing Scripts & Making ...
Planning & Producing Videos: A Two-Part Workshop on Writing Scripts & Making ...
 

Kürzlich hochgeladen

Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 

Kürzlich hochgeladen (20)

Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 

Take the HTML5 Tour!

  • 1. Take the HTML5 Tour! November 15, 2011 Vincci Kwong Franklin D. Schurz Library Indiana University South Bend Indiana Library Federation Annual Conference
  • 2. A Bit of History
  • 3.
  • 4.
  • 5.
  • 6. Current Page Structure Main Navigation Main Content Right Column Area Left Navigation CLAS Banner
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19. Figure HTML5 <figure> <img src=&quot;http://library.iusb.edu/erc/Brandon.jpg&quot; alt=&quot;Brandon&quot; width=&quot;250&quot; height=&quot;228&quot;> <figcaption> Brandon Bauschke, Assistand Head of ERC </figcaption> </figure>
  • 20.
  • 21.
  • 22.
  • 23.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.