• 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

  • 34,170 views
Uploaded 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......

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.

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
34,170
On Slideshare
14,003
From Embeds
20,167
Number of Embeds
47

Actions

Shares
Downloads
0
Comments
2
Likes
40

Embeds 20,167

http://blog.hubspot.com 19,568
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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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.