Learning a new language html
Download
1 / 22

Learning a New Language: HTML - PowerPoint PPT Presentation


  • 58 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Learning a New Language: HTML' - socrates-flavian


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…



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



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?


ad