1 / 22

Learning a New Language: HTML

Learning a New Language: HTML. Fall 2012 ITD Workshop. Workshop Instructors. Steven Smidl Experience with (X)HTML/CSS. Took LIS590LW and LIS490TE Nick Tippie Experience in Computer Science (HTML/CSS, Java, C++, PHP). Why have this workshop?. Basic concepts in coding Terms Useful tips

socrates-flavian
Download Presentation

Learning a New Language: HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Learning a New Language: HTML Fall 2012 ITD Workshop

  2. Workshop Instructors • Steven Smidl • Experience with (X)HTML/CSS. Took LIS590LW and LIS490TE • Nick Tippie • Experience in Computer Science (HTML/CSS, Java, C++, PHP)

  3. Why have this workshop? • Basic concepts in coding • Terms • Useful tips • Easier use for template pages • Google Sites, WordPress and other CMS

  4. What Do We Need? • A coding application • For Mac • Aquamac • Text Wrangler • Tincta • Windows • Notepad ++ • Duel Systems • <oXygen> • Seamonkey • Eclipse

  5. What is HTML? • (HTML)=Hyper Text Markup Language • Mark up text by using “tags” • Tags describe the language

  6. What is HTML? • Tags are understood with “angel brackets” < > </ > • No tags, no understood language • They always come in pairs!

  7. Starting an HTML Document • HTML document needs identity MUST HAVE OR ELSE NOT HTML!

  8. Starting an HTML Document • All tags need to OPEN and CLOSE MUST DO FOR EVERY TAG!

  9. Starting an HTML Page • Have all tags in lower case. Avoid capitalization. Where all content goes

  10. Starting an HTML Page • Don’t pass the closing bracket Don’t cross after closing!

  11. Remember what Gandolf said…

  12. Headings • Different sizes • Can go from h1 (largest) to h6 (smallest) Website Format HTML Coding

  13. Headings • What is wrong with this picture?

  14. Headings • All tags come in pairs!

  15. Basic Tags • Stresses text/content on webpages

  16. Writing anchor tags/e-mail • <a href…. • mailto…

  17. Adding Pictures

  18. What about color, sizes, etc.? • Use CSS, not HTML when wanting to style your page • Color schemes • Fonts • Lists/boxes/tables • Much of this is deprecated with the introduction of HTML 5

  19. How is HTML different than CSS?

  20. XHTML Vs. HTML • XHTML is XML and HTML • More strict in coding • Everything is lowercase • All tags are closed/nested HTML Format XHTML format

  21. CSS Tutorials and resources • Check our future workshops in CSS • W3schools.com • Lynda Tutorials • http://go.illinois.edu/lynda

  22. Questions/Comments/Concerns? • Contact GSLIS Help Desk • help@support.lis.illinois.edu • Info on this presentation • smidl2@illinois.edu • tippie2@illinois.edu • Feedback is always encouraged! • http://go.illinois.edu/itdfeedback

More Related