Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


WCPHX 2013 - WordPress 301 (Navigating HTML)

WordCamp2013 - Friday WP-301 HTML

Seth Carstens

on 16 January 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of WCPHX 2013 - WordPress 301 (Navigating HTML)

Its a-MAZE-ing what you can do with HTML Navigating HTML What is HTML? HYPER TEXT MARKUP LANGUAGE... Rule 1 Did you grow up in a barn? Example 1 <html></html> Rule 2 Contain your Containers. If you allow containers to overlap, you will break them. Example 2 <html>
</head> Exampl 2b <html>
</html> Rule 3 Leave no required tag behind. Required Tags <doctype />
<title />
<body />
</html> Whats that mean? You create webpages using tags. Open Close Loose your head. DONT All tags must be closed when your done with them... DO Get ahead by containing your containers Notes: Shorthand empty tags, proper indentation. Lets Define our Tools DocType - Governing Rules

HTML - Skin

Head - Connect to Brains

Title - Full Name

Body - Most of What you See Define - Required Tags Optional Elements - Blocks, Lines, and Links - Everything is a block, a line, or a link. Blocks - Literally, 4 corners with lines connected. ------
------ Lines - just like lines in your Google Word Doc Links - to other files (pictures, stylesheets, javascript, etc) Formatting Tags <strong /> - bold <em /> - emphasized
(usually italics) <blockquote />
"CallOut" <ul /> - bullet <ol /> - numbered <li> Tag Attributes <div id="footer" class="fluid green alt" /> What, When, Where, Why ID - like a tags SSN, must be unique - W1: attributes can be named anything, but only certain attributes "validate" - W2: only use as needed, simple is often better - W3: must be inside the opening tag - W4: allows you to properly find common elements on a page for use with CSS and Javascript. - NOTE: often times you can reach an element using "cascading" selectors. You should learn more about this during the CSS presentation. class - like "mammal", a set of attributes Special Tags - Unique Purposes <img /> <form /> <iframe />, <object /> = embed website / embed media <script /> WP-301 - Navigating HTML Speaker: Seth Carstens http://goo.gl/qvCkV
Full transcript