• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Code This, Not That: 10 Do's and Don'ts For Learning HTML
 

Code This, Not That: 10 Do's and Don'ts For Learning HTML

on

  • 23,263 views

As a marketer, you craft blog posts, publish landing pages, and send email campaigns. While you may not be a webmaster, having a few HTML tricks up your sleeve can make you more agile and efficient, ...

As a marketer, you craft blog posts, publish landing pages, and send email campaigns. While you may not be a webmaster, having a few HTML tricks up your sleeve can make you more agile and efficient, without having to rely on a webmaster's help.

Statistics

Views

Total Views
23,263
Views on SlideShare
12,594
Embed Views
10,669

Actions

Likes
31
Downloads
0
Comments
2

39 Embeds 10,669

http://blog.hubspot.com 10247
http://cloud.feedly.com 115
https://twitter.com 55
http://www.linkedin.com 30
http://www.feedspot.com 25
https://preview.hs-sites.com 24
http://www.newsblur.com 20
http://localhost 20
https://www.rebelmouse.com 14
http://feedly.com 12
http://portal.continuum.be 12
http://www.donchoindjov.com 11
http://newsblur.com 11
http://www.feedreader.com 10
http://beta.kurasie.com 10
https://cloud.feedly.com 7
http://digg.com 7
https://feedly.com 4
http://blog.hubspot.com.cos.jaredstehler.com 4
http://plus.url.google.com 3
http://webcache.googleusercontent.com 3
https://blog.hubspot.com 2
https://www.inoreader.com 2
https://inoreader.com 2
http://translate.googleusercontent.com 2
http://sonar.bottlenose.com 2
http://www.google.com 2
https://www.linkedin.com 2
https://reader.aol.com 1
https://app.cyfe.net 1
http://news.google.com 1
http://www.pulse.me 1
http://www.onlydoo.com 1
https://www.facebook.com 1
https://digg.com 1
https://bazqux.com 1
https://www.newszeit.com 1
http://www.hanrss.com 1
https://www.google.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Code This, Not That: 10 Do's and Don'ts For Learning HTML Code This, Not That: 10 Do's and Don'ts For Learning HTML Presentation Transcript

    • That: </h1> t ode This, No <h1> C 10 Do’s & Don’ts For Learning HTML.
    • When you’re a marketer, coding can feel like a foreign language …
    • … but a language that’s essential to your job.
    • That’s why we want to share …
    • 10 Do’s & Don’ts For Marketers HACKING HTML.
    • Ready to learn?
    • Let’s go …
    • Don’t Build your own email templates from scratch. 1
    • Creating an email template from scratch could translate differently, depending on where it’s delivered.
    • Creating an email template from scratch could translate differently, depending on where it’s delivered. (Templates come pre-optimized.)
    • 1 Do Use default templates and customize them.
    • Instead, use HTML as the frosting on your emails.
    • Don’t Feel like you need to design it all yourself. 2
    • Don’t Feel like you need to design it all yourself. (That’s a lot of work.) 2
    • 2 Do Focus on the content and enhance with simple hacks.
    • This should help. Download it here: http://hub.am/1f9lUtW
    • Don’t Send an email if you haven’t tested it first. 3
    • Don’t Send an email if you haven’t tested it first. (There’s no ‘undo’ button.) 3
    • 3 Do Test your emails out on as many clients as possible.
    • Your emails could look different on all of these.
    • Don’t Copy/paste HTML from Microsoft Word. 4
    • Don’t Copy/paste HTML from Microsoft Word. (It won’t render correctly.) 4
    • 4 Do Copy/paste from TextEdit or Notepad.
    • These programs nix their own HTML and just keep yours.
    • Don’t Embed JavaScript in an email. 5
    • Don’t Embed JavaScript in an email. (It won’t work.) 5
    • YouTube videos require JavaScript.
    • 5 Do Take a screenshot and hyperlink the image.
    • Like this.
    • Don’t Put a form in an email. 6
    • Don’t Put a form in an email. (Like YouTube videos, it won’t work.) 6
    • 6 Do Send traffic to landing pages using CTAs & hyperlinks.
    • Like this.
    • Don’t Work directly off your original copy. 7
    • Don’t Work directly off your original copy. (There’s no ‘undo’ button.) 7
    • 7 Do Make a backup copy of anything you’re changing.
    • Clone the page or email first, then make changes.
    • Don’t Break the rules of HTML hierarchy. 8
    • <html> <head> </head> <body> <h1> </h1> <div> <p> <strong></strong> </p> </div> </body> </html>
    • <html> This is hierarchy. <head> </head> <body> <h1> </h1> <div> <p> <strong></strong> </p> </div> </body> </html>
    • This is !important.
    • <html> <head> </head> <body> <h1> </h1> <div> <p> <strong></strong> </p> </div> </body> </html>
    • This could cause long-term problems.
    • This could cause long-term problems. (Seriously. Don’t do it.)
    • 8 Do Give everything the appropriate hierarchy.
    • <html> Stick to this. <head> </head> <body> <h1> </h1> <div> <p> <strong></strong> </p> </div> </body> </html>
    • Don’t Make changes without knowing how many pages it affects. 9
    • Changing your logo on one page could affect ALL your pages.
    • 9 Do Consult a designer before making big changes.
    • 9 Do Consult a designer before making big changes. (If you don’t know what a “big change” is, ask a designer first.)
    • Don’t Delete code if you’re not sure what it does. 10
    • Seriously. It’s extremely dangerous.
    • 10 Do Learn your HTML basics before diving in head first.
    • HTML Hacks for Marketers: Decoded Click to download: http://hub.am/1f9lUtW
    • Thanks.