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

43,207 views
42,234 views

Published on

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.

Published in: Technology, Design
2 Comments
45 Likes
Statistics
Notes
No Downloads
Views
Total views
43,207
On SlideShare
0
From Embeds
0
Number of Embeds
26,344
Actions
Shares
0
Downloads
0
Comments
2
Likes
45
Embeds 0
No embeds

No notes for slide

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

  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.

×