Basic HTML for Every Blogger

Categories

You don’t need to be a web developer to master the basic HTML necessities of blogging. Even though you may be following the blogging guidelines to maximize your SEO efforts, it’s not uncommon to approach a minor coding issue or question. So don’t be scared of the HTML section of your blog, give it look and experiment with the HTML. Here is a rundown of what you should know:

 

The Absolute Basics

Whenever you edit the HTML of your article, you must know that any coding you add must start with brackets and end with a closed bracket. This is how your computer understands your commands.

 

< > Open Bracket

 

</> Closed Bracket

 

Common blogging issues with HTML often occur because the bracket isn’t closed. If you find your article coding isn’t working, double-check the brackets. It’s easy to forget a closed bracket, and it can cause the format of your article to look chaotic.

 

Paragraphs and Page breaks

Your blog article likely has multiple paragraphs. If you find the spacing for each of your paragraphs look uneven, check the HTML section to see if you may have added an extra paragraph or page break spacings accidently.

 

When setting up a paragraph for new text, the coding for a paragraph will look like this:

 

<p> Paragraph text </p>

 

To break up your text without starting a new paragraph you use a page break, which looks like this:

 

</br>

Headings

Headings are important for your blogs. Your readers are generally skimming your blog, and a headline can be key to catching their attention. Headlines are great for dividing up the wording in your article. It looks sharp and it makes your blog easier to read, especially for “skimmers.”

 

There are different sized headings you can select for your articles. H1 is the largest heading you can use for your blog and H10 is the smallest. Here is how to start a heading:

 

For an H1 heading: <h1> Headline text </h1>

 

HTML is essentially learning another language. It all can’t be learned overnight, but with consistency and practice, you can pick up the most basic features quickly. These HTML codes are simple enough to start experimenting. If you have questions about your blog, give us a call today!

Related Posts

2022 Facebook Update: Big Changes at Meta with Job Postings

Beginning this week, Meta (Facebook) will be making some changes to their Facebook Jobs offerings.  The job openings we post will now only appear on your Facebook page itself. Job seekers used to be able search for and find jobs throughout Facebook and within the Marketplace; now, they’ll need to navigate to your company’s individual Facebook […]

Keep Reading
facebook pixel data

How the Apple iOS 14 Release May Affect Your Facebook Ads

Apple announced back in May 2018 that it will provide users with an opt-in prompt on each app which will allow them to choose whether the user consents to third-party sites like Facebook to track their user data. As an advertiser we needed to dig into how this change would potentially affect how and where […]

Keep Reading

What is Proximity Marketing?

Proximity marketing is a great way for businesses to get noticed by local clients and customers. Simply put, proximity marketing is a system of strategies that use your customers’ or clients’ locations to deliver targeted advertising that’s catered to their needs. While local search marketing can target a general area, proximity marketing takes that one […]

Keep Reading
[gravityform id="4" title="true" description="true" ajax="true"]
<div class='gf_browser_unknown gform_wrapper gravity-theme' id='gform_wrapper_4' style='display:none'><div id='gf_4' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <h2 class="gform_title">Reviews Demo</h2> <span class='gform_description'></span> <p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_4' id='gform_4' action='/blog/basic-html-for-every-blogger/#gf_4' novalidate novalidate="novalidate"> <input type='hidden' class='gforms-pum' value='{"closepopup":false,"closedelay":0,"openpopup":false,"openpopup_id":0}' /> <div class='gform_body gform-body'><div id='gform_fields_4' class='gform_fields top_label form_sublabel_below description_below'><div id="field_4_1" class="gfield gfield_contains_required field_sublabel_below field_description_below hidden_label gfield_visibility_visible gsurvey-survey-field " data-field-class="gsurvey-survey-field" data-js-reload="field_4_1"><label class='gfield_label' >How Are We Doing<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container gsurvey-rating-wrapper'><div class='gsurvey-rating' id='input_4_1'><input name='input_1' type='radio' value='grating1f1243827' id='choice_4_1_0' /><label for='choice_4_1_0' title='Excellent'>Excellent</label><input name='input_1' type='radio' value='grating191e3fd08' id='choice_4_1_1' /><label for='choice_4_1_1' title='Pretty good'>Pretty good</label><input name='input_1' type='radio' value='grating1159873a9' id='choice_4_1_2' /><label for='choice_4_1_2' title='Neutral'>Neutral</label><input name='input_1' type='radio' value='grating1a835fb08' id='choice_4_1_3' /><label for='choice_4_1_3' title='Not so great'>Not so great</label><input name='input_1' type='radio' value='grating1874123fa' id='choice_4_1_4' /><label for='choice_4_1_4' title='Terrible'>Terrible</label></div></div></div><div id="field_4_2" class="gfield gfield--width-full gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible" data-js-reload="field_4_2"><label class='gfield_label' for='input_4_2' >How can we improve your experience?<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_2' id='input_4_2' class='textarea small' aria-required="true" aria-invalid="false" rows='10' cols='50'></textarea></div></div><div id="field_4_3" class="gfield gfield--width-full gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible" data-js-reload="field_4_3"><label class='gfield_label' for='input_4_3' >Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_3' id='input_4_3' type='email' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_4_4" class="gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible" data-js-reload="field_4_4"><label class='gfield_label' for='input_4_4' >Phone</label><div class='ginput_container'><input name='input_4' id='input_4_4' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_4_4'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform_footer top_label'> <button type="submit" id="gform_submit_button_4" class="gform_button button" onclick='if(window["gf_submitting_4"]){return false;} if( !jQuery("#gform_4")[0].checkValidity || jQuery("#gform_4")[0].checkValidity()){window["gf_submitting_4"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_4"]){return false;} if( !jQuery("#gform_4")[0].checkValidity || jQuery("#gform_4")[0].checkValidity()){window["gf_submitting_4"]=true;} jQuery("#gform_4").trigger("submit",[true]); }'>Submit</button> <input type='hidden' name='gform_ajax' value='form_id=4&amp;title=1&amp;description=1&amp;tabindex=0' /> <input type='hidden' class='gform_hidden' name='is_submit_4' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='4' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_4' value='WyJbXSIsIjNjZTc3NGZlZGQ2NTBmZTZiNDI5MDNiMmZmNzU0NmZlIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_4' id='gform_target_page_number_4' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_4' id='gform_source_page_number_4' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> <p style="display: none !important;"><label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_2" name="ak_js" value="71"/><script>document.getElementById( "ak_js_2" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_4' id='gform_ajax_frame_4' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> gform.initializeOnLoaded( function() {gformInitSpinner( 4, 'https://www.brawnmediany.com/wp-content/plugins/gravityforms/images/spinner.svg' );jQuery('#gform_ajax_frame_4').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_4');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_4').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_4').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_4').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_4').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_4').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_4').val();gformInitSpinner( 4, 'https://www.brawnmediany.com/wp-content/plugins/gravityforms/images/spinner.svg' );jQuery(document).trigger('gform_page_loaded', [4, current_page]);window['gf_submitting_4'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_4').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_4').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [4]);window['gf_submitting_4'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_4').text());}, 50);}else{jQuery('#gform_4').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger('gform_post_render', [4, current_page]);} );} ); </script>