Learning a new language html
This presentation is the property of its rightful owner.
Sponsored Links
1 / 22

Learning a New Language: HTML PowerPoint PPT Presentation


  • 33 Views
  • Uploaded on
  • Presentation posted in: General

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

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Learning a new language html

Learning a New Language: HTML

Fall 2012 ITD Workshop


Workshop instructors

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

Why have this workshop?

  • Basic concepts in coding

    • Terms

    • Useful tips

  • Easier use for template pages

    • Google Sites, WordPress and other CMS


What do we need

What Do We Need?

  • A coding application

  • For Mac

    • Aquamac

    • Text Wrangler

    • Tincta

  • Windows

    • Notepad ++

  • Duel Systems

    • <oXygen>

    • Seamonkey

    • Eclipse


What is html

What is HTML?

  • (HTML)=Hyper Text Markup Language

  • Mark up text by using “tags”

  • Tags describe the language


What is html1

What is HTML?

  • Tags are understood with “angel brackets”

    < > </ >

  • No tags, no understood language

  • They always come in pairs!


Starting an html document

Starting an HTML Document

  • HTML document needs identity

MUST HAVE OR ELSE NOT HTML!


Starting an html document1

Starting an HTML Document

  • All tags need to OPEN and CLOSE

MUST DO FOR EVERY TAG!


Starting an html page

Starting an HTML Page

  • Have all tags in lower case. Avoid capitalization.

Where all content goes


Starting an html page1

Starting an HTML Page

  • Don’t pass the closing bracket

Don’t cross after closing!


Remember what gandolf said

Remember what Gandolf said…


Headings

Headings

  • Different sizes

  • Can go from h1 (largest) to h6 (smallest)

Website Format

HTML Coding


Headings1

Headings

  • What is wrong with this picture?


Headings2

Headings

  • All tags come in pairs!


Basic tags

Basic Tags

  • Stresses text/content on webpages


Writing anchor tags e mail

Writing anchor tags/e-mail

  • <a href….

  • mailto…


Adding pictures

Adding Pictures


What about color sizes etc

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


How is html different than css

How is HTML different than CSS?


Xhtml vs html

XHTML Vs. HTML

  • XHTML is XML and HTML

  • More strict in coding

    • Everything is lowercase

    • All tags are closed/nested

HTML Format

XHTML format


Css tutorials and resources

CSS Tutorials and resources

  • Check our future workshops in CSS

  • W3schools.com

  • Lynda Tutorials

    • http://go.illinois.edu/lynda


Questions comments concerns

Questions/Comments/Concerns?

  • Contact GSLIS Help Desk

    • [email protected]

  • Info on this presentation

    • [email protected]

    • [email protected]

  • Feedback is always encouraged!

    • http://go.illinois.edu/itdfeedback


  • Login