Step 6 - HTML Code Tips

Now that you know how create boxes and buttons, here are a few tips you should know.

Every Character Matters

When writing HTML, every character matters.

So if you copy and paste a box or button code into the Text Editor tab and it is not working, then check to make sure you have not deleted any characters.

A missing < or : or ; or even " will break your code. And it will not work.

So, just be careful when you copy and paste and change color codes to make sure you do not delete any necessary characters.

A Con or Negative

This tutorial teaches you how to add HTML code to each page or post.

There is one BIG CON to adding HTML to each page and post within your website.

You will always need to edit each page or post to change the button style.

Say you want change the button color from red to black.

You will need to edit each page or post where the red button is. And manually replace the HEX color codes inside your HTML.

If you have 10 posts where you want to change the button color, you will have to edit each post individually. Essentially, you have to edit 10 posts, just to change the button color.

There are other ways to control the button color from CSS, so you can instantly change the color to all buttons throughout your website.

But, start out small and get comfortable with HTML. Then learn how to do more advanced tips and tricks.

Access More HTML Codes From W3Schools

To learn HTML and find more codes, you can access free training and tutorials from W3Schools.

https://www.w3schools.com/html

W3Schools is a completely free resource and you will find tons of information.

Additional HTML Color Pickers

You can find many free color pickers on the web, to use for changing colors.

W3Schools offers a color picker for you to get a HEX color code for any color you want.

https://www.w3schools.com/colors/colors_picker.asp

You can also use a free Adobe Kuler.

https://color.adobe.com/create/color-wheel/

Adobe Kuler allows you to compare colors to each other to create color schemes for your website and content.

You need to copy and paste the HEX color code, which uses the # + 6 digits of number and letters to define colors.

This completes this training. Hope this is helpful and shows how easy it is to actually use HTML to create content boxes and buttons.

Got Questions?

Feel free to comment below.