Teaching a Marketer to Code [HTML Reference Sheet]
Sarah Corley#Inbound Marketing, #Design Advice

Understanding the basics of HTML/CSS is an invaluable aid to marketers. Our HTML Reference Guide can help you remember useful coding tools.
My eyes were recently opened to the large (and complex) world of HTML/CSS coding. I’m always impressed at how my design/development coworkers can whip up an awesome, functional pieces of code faster than you can say, “supercalifragilisticexpialidocious.” Two months ago, if I had been given the same amount of time to write a piece of code, my Word document would’ve read, “Help me make this look like code.”
In the New Year, I decided to challenge myself and start to learn the basics of HTML and CSS. When I first started looking at raw code, I got a headache. This was mainly because I wasn’t used to seeing HTML, navigating it, and knowing where to look. It took lots of research and several hours of Codecademy lessons to figure out how to make a very basic webpage. Now, I’m design certified through HubSpot and can create webpage, blog, and eNewsetter templates!
HubSpot makes it easy for people without experience to learn HTML/CSS by providing a drag-and-drop tool called the Template Builder. This allows marketers to make clean, easy-to-navigate web, email, and blog layouts, while still being able to attach custom HTML/CSS stylesheets. The tool is awesome, but not completely perfect. For example, what if your web designer doesn’t have time to make simple changes to a page layout that is raw coded? You might be stuck navigating those HTML stylesheets to make simple changes.
In order to help marketers make these code changes, I’ve created a “HTML Reference Guide” infographic that will help marketers navigate and make simple changes to code. Even though I use HubSpot’s Template Builder, there are still days when I’ll need to go into HTML/CSS stylesheets to adjust specific items, and it’s good to have a guide to help me out along the way. Maybe you’ll find this useful? Please share this article if you do!
Have questions or comments about this post? We'd love to hear from you.
Related Posts

HUG Recap: Deep Dishin’ on INBOUND and the HubSpot Flywheel
Diagram's Sarah Corley recaps the October Chicago HubSpot User Group that focused on HubSpot product updates and the HubSpot Flywheel.

Buyer Personas and Human-To-Human Marketing
Remembering that we are connecting with actual people is one of the keys to inbound marketing success. Defining buyer personas helps us do just that.
Website Traffic Woes?
Google search algorithm updates can wreak havoc on your website’s traffic. Don't let your organic rankings tank. Our free SEO health check can help you identify issues that make Google unhappy with your site.
Like what you read?
Subscribe to our blog "Diagram Views" for the latest trends in web design, inbound marketing and mobile strategy.