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

Like this? Share it with your network

Share

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

on

  • 33,951 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
33,951
Views on SlideShare
13,833
Embed Views
20,118

Actions

Likes
40
Downloads
0
Comments
2

47 Embeds 20,118

http://blog.hubspot.com 19519
https://preview.hs-sites.com 135
http://cloud.feedly.com 115
https://twitter.com 60
http://www.linkedin.com 30
http://www.feedspot.com 25
https://blog.hubspot.com 23
http://www.newsblur.com 20
http://localhost 20
https://www.rebelmouse.com 16
https://draft.blogger.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
http://www.google.com 8
https://cloud.feedly.com 7
http://digg.com 7
https://www.linkedin.com 7
http://www.google.ie 4
https://feedly.com 4
http://blog.hubspot.com.cos.jaredstehler.com 4
http://translate.googleusercontent.com 3
http://plus.url.google.com 3
https://hipptplay.blogspot.com 3
http://webcache.googleusercontent.com 3
https://inoreader.com 2
https://www.inoreader.com 2
http://sonar.bottlenose.com 2
http://blog.hubspot.com&_=1408753286124 HTTP 1
https://www.myrealestateplatform.com 1
http://blog.hubspot.com. 1
https://www.google.com 1
http://www.hippressurecooking.com 1
http://www.google.com.au 1
https://app.cyfe.net 1
https://digg.com 1
http://www.onlydoo.com 1
http://www.hanrss.com 1
https://bazqux.com 1
https://www.newszeit.com 1
https://www.facebook.com 1
http://www.pulse.me 1
http://news.google.com 1
https://reader.aol.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
  • 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 Presentation Transcript

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