Code This, Not That: 10 Do's and Don'ts For Learning HTML
•
51 likes•53,037 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, without having to rely on a webmaster's help.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Code This, Not That: 10 Do's and Don'ts For Learning HTML
Similar to Code This, Not That: 10 Do's and Don'ts For Learning HTML (20)
More from HubSpot
More from HubSpot (20)
Recently uploaded
Recently uploaded (20)
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.
- 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.
- 21. Your emails could look different on all of these.
- 22. Don’t Copy/paste HTML from Microsoft Word. 4
- 23. Don’t Copy/paste HTML from Microsoft Word. (It won’t render correctly.) 4
- 24. 4 Do Copy/paste from TextEdit or Notepad.
- 25. These programs nix their own HTML and just keep yours.
- 26. Don’t Embed JavaScript in an email. 5
- 27. Don’t Embed JavaScript in an email. (It won’t work.) 5
- 29. 5 Do Take a screenshot and hyperlink the image.
- 30. Like this.
- 31. Don’t Put a form in an email. 6
- 32. Don’t Put a form in an email. (Like YouTube videos, it won’t work.) 6
- 33. 6 Do Send traffic to landing pages using CTAs & hyperlinks.
- 34. Like this.
- 35. Don’t Work directly off your original copy. 7
- 36. Don’t Work directly off your original copy. (There’s no ‘undo’ button.) 7
- 37. 7 Do Make a backup copy of anything you’re changing.
- 38. Clone the page or email first, then make changes.
- 39. Don’t Break the rules of HTML hierarchy. 8
- 45. This could cause long-term problems.
- 46. This could cause long-term problems. (Seriously. Don’t do it.)
- 47. 8 Do Give everything the appropriate hierarchy.
- 49. Don’t Make changes without knowing how many pages it affects. 9
- 50. Changing your logo on one page could affect ALL your pages.
- 51. 9 Do Consult a designer before making big changes.
- 52. 9 Do Consult a designer before making big changes. (If you don’t know what a “big change” is, ask a designer first.)
- 53. Don’t Delete code if you’re not sure what it does. 10
- 55. 10 Do Learn your HTML basics before diving in head first.
- 56. HTML Hacks for Marketers: Decoded Click to download: http://hub.am/1f9lUtW
- 57. Thanks.