Coding Basics: A Marketer’s Friendly Guide to HTML
— by
Alexandre Ruiz
Understanding some coding basics, such as HTML, benefits the everyday marketer more than they realize. Here’s a friendly guide …
1. Importance of understanding HTML for marketers:
– Better communication with web developers
– Understanding webpage design and code placement
– Creating engaging email and website content
– Improving search engine rankings
2. Basics of HTML code:
– HTML tags and their purpose
– Formatting code with open and close tags
– Commonly used tags like
, , , , and </p>
<div>
<p>3. Enhancing content with HTML:<br />
– Breaking up text for readability<br />
– Adding rich text formatting like bold, italic, and underlined<br />
– Creating bullet point and numbered lists<br />
– Using tags like <a> for links and <img> for images</p>
<p>4. Using HTML for SEO:<br />
– Importance of alt tags for images and accessibility<br />
– Utilizing header tags for keyword optimization<br />
– Meta tags for providing search engines with relevant information<br />
– How header hierarchy and meta descriptions affect search results</p>
<p>5. Benefits of learning HTML for marketers:<br />
– Standing out with well-designed landing pages and emails<br />
– Effective communication with web developers<br />
– Improved SEO rankings and website visibility<br />
– Access to Code School for Marketers for further learning</p>
<p>You can read it here: <a href="https://sfdc.blog/cZYmx">https://sfdc.blog/cZYmx</a></p>
</p>
<p>Source from thespotforpardot(dot)com</p>
</div>
<div style="line-height:1" class="taxonomy-category wp-block-post-terms has-x-small-font-size has-system-font-family"><a href="https://content.alexandreruiz.com/category/pardot" rel="tag">Pardot</a></div>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<div class="wp-block-group course-newsletter-sidebar has-global-padding is-layout-constrained wp-block-group-is-layout-constrained">
<ul class="wp-block-social-links has-icon-color is-style-logos-only is-horizontal is-layout-flex wp-container-core-social-links-is-layout-1 wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-linkedin has-primary-color wp-block-social-link"><a href="https://go.alexandreruiz.com/linkedin?source=content&utm_source=content" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a></li>
<li class="wp-social-link wp-social-link-twitter has-primary-color wp-block-social-link"><a href="https://go.alexandreruiz.com/twitter?source=content&utm_source=content" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Twitter</span></a></li>
<li class="wp-social-link wp-social-link-telegram has-primary-color wp-block-social-link"><a href="https://go.alexandreruiz.com/telegram?source=content&utm_source=content" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M28.9700376,63.3244248 C47.6273373,55.1957357 60.0684594,49.8368063 66.2934036,47.2476366 C84.0668845,39.855031 87.7600616,38.5708563 90.1672227,38.528 C90.6966555,38.5191258 91.8804274,38.6503351 92.6472251,39.2725385 C93.294694,39.7979149 93.4728387,40.5076237 93.5580865,41.0057381 C93.6433345,41.5038525 93.7494885,42.63857 93.6651041,43.5252052 C92.7019529,53.6451182 88.5344133,78.2034783 86.4142057,89.5379542 C85.5170662,94.3339958 83.750571,95.9420841 82.0403991,96.0994568 C78.3237996,96.4414641 75.5015827,93.6432685 71.9018743,91.2836143 C66.2690414,87.5912212 63.0868492,85.2926952 57.6192095,81.6896017 C51.3004058,77.5256038 55.3966232,75.2369981 58.9976911,71.4967761 C59.9401076,70.5179421 76.3155302,55.6232293 76.6324771,54.2720454 C76.6721165,54.1030573 76.7089039,53.4731496 76.3346867,53.1405352 C75.9604695,52.8079208 75.4081573,52.921662 75.0095933,53.0121213 C74.444641,53.1403447 65.4461175,59.0880351 48.0140228,70.8551922 C45.4598218,72.6091037 43.1463059,73.4636682 41.0734751,73.4188859 C38.7883453,73.3695169 34.3926725,72.1268388 31.1249416,71.0646282 C27.1169366,69.7617838 23.931454,69.0729605 24.208838,66.8603276 C24.3533167,65.7078514 25.9403832,64.5292172 28.9700376,63.3244248 Z" /></svg><span class="wp-block-social-link-label screen-reader-text">Telegram</span></a></li></ul>
<div aria-hidden="true" class="wp-block-spacer course-newsletter-gap"></div>
<div class="wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-7 wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading has-secondary-font-family has-medium-font-size" style="text-transform:uppercase">Newsletter</h2>
<p>My latest updates in your e-mail.</p>
<p class="course-newsletter-sign-up" style="padding-top:1.25rem"><a href="https://content.alexandreruiz.com/newsletter" data-type="link" data-id="https://content.alexandreruiz.com/newsletter">Sign up</a></p>
</div>
</div>
</div>
</div>
</main>
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained">
<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>
<footer class="wp-block-template-part">
<div class="wp-block-group alignfull is-layout-flow wp-container-core-group-is-layout-18 wp-block-group-is-layout-flow" style="border-top-width:1px;padding-top:80px;padding-bottom:0px;padding-left:0">
<div class="wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-17 wp-block-group-is-layout-constrained">
<div class="wp-block-group alignfull is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-15 wp-block-group-is-layout-flex">
<div class="wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-13 wp-block-group-is-layout-constrained">
<div class="wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-12 wp-block-group-is-layout-constrained">
<p class="has-text-align-center" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><a href="https://go.alexandreruiz.com/lp?source=content" data-type="URL" data-id="https://go.alexandreruiz.com/lp?source=content" target="_blank" rel="noreferrer noopener">Alexandre Ruiz</a></p>
<p class="has-text-align-center" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">Salesforce Architect</p>
<p class="has-text-align-center" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">2021 Salesforce Marketing Champion </p>
</div>
</div>
<div class="wp-block-group alignfull separator is-layout-flow wp-container-core-group-is-layout-14 wp-block-group-is-layout-flow" style="margin-top:2.5rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<hr class="wp-block-separator alignfull has-alpha-channel-opacity is-style-default" style="margin-top:0;margin-bottom:0"/>
</div>
</div>
<div class="wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0"></div>
</div>
</div>
</footer></div>
<script id="wp-block-template-skip-link-js-after">
( function() {
var skipLinkTarget = document.querySelector( 'main' ),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can't be located.
if ( ! skipLinkTarget ) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector( '.wp-site-blocks' );
// Early exit if the root element was not found.
if ( ! sibling ) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if ( ! skipLinkTargetID ) {
skipLinkTargetID = 'wp--skip-link--target';
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement( 'a' );
skipLink.classList.add( 'skip-link', 'screen-reader-text' );
skipLink.href = '#' + skipLinkTargetID;
skipLink.innerHTML = 'Skip to content';
// Inject the skip link.
sibling.parentElement.insertBefore( skipLink, sibling );
}() );
</script>
<script src="https://content.alexandreruiz.com/wp-content/themes/course/assets/js/header.js?ver=1.2.1" id="course-header-js"></script>
<script src="https://stats.wp.com/e-202441.js" id="jetpack-stats-js" data-wp-strategy="defer"></script>
<script id="jetpack-stats-js-after">
_stq = window._stq || [];
_stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"217837728\",\"post\":\"512\",\"tz\":\"0\",\"srv\":\"content.alexandreruiz.com\",\"j\":\"1:13.7\"}") ]);
_stq.push([ "clickTrackerInit", "217837728", "512" ]);
</script>
</body>
</html>
<!-- Page supported by LiteSpeed Cache 6.4.1 on 2024-10-09 00:40:03 -->
