Prezi

Present Remotely

Send the link below via email or IM

Copy

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 the manual

Do you really want to delete this prezi?

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

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

WCPHX 2013 - WordPress 301 (Navigating HTML)

WordCamp2013 - Friday WP-301 HTML
by 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>
</html>
</head> Exampl 2b <html>
<head>
</head>
</html> Rule 3 Leave no required tag behind. Required Tags <doctype />
<html>
<head>
<title />
</head>
<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
See the full transcript