HTML EVERY CREATIVE ENTREPRENEUR SHOULD KNOW

A HTML lesson is something every creative, blogger, and entrepreneur should have before launching their website. Learning the basics of HTML can help with making modifications to your website or blog in order to make it more personal.

I know the thought of learning code may leave you feeling like Jeanie Bueller when she runs into Ed Rooney... but I promise once you get the basics it becomes so much easier!



HTML Every Creative Entreprenuer Should Know

You may be thinking well Squarespace is a thing now and I actually don't need to know how to code. I hate to tell you this but coding is SO helpful in the creative/entrepreneurial world and YOU DO need to know simple coding! Squarespace is awesome but being able to do minor tweaks to your webpage is pretty important to help your website stand out!

So Let's get Started:
*Please note anything in a textbox is code you can snag for your website! Practice writing it out in a textbox or just copy + paste! Toggle the 3 lines in the right corner to expand a textbox
HTML Closing Tag

HTML image

First things first - What is HTML or Hypertext Markup Language?
HTML is equivalent to the brain in the human body. HTML is going to tell everything on your page what to do. it builds off itself and eventually creates your website! HTML includes items like your text, images, links, etc.

The Head Tag contains metadata. Metadate provides information for the document which can be anything from inserting your CSS to inserting your Pinterest data.

The head tag must be closed before you can begin the body tag.


When coding it REALLY helps to be able to add notes to help yourself differentiate easily between what code is what! Below is the code you can put in to help tell yourself what the code is for without it showing up on the page!
This is so helpful for labeling code from outside sites such as Google Ads or Pinterest.



HTML Closing Tag

HTML Body Tag

THE BASICS:

The Body Tag
The body tag is where your Website Content begins!


Header Tags
The largest a header can go is H1 and the smallest is H6


Paragraph Tag
A paragraph tag is perfect for setting up content with a lot of writting


Break Tag
Break tags can be used after pretty much anything to put a break in the page


S  p   a  c e   T a g
Space tags will add an extra space between type, images, etc.
*if you copy + past code REMOVE SPACES between symbols and letters!



FONT STYLING:

Font Family
Be sure to only close the tag where you want this specific font to end (I suggest using the same on throughout your website!)


Font Color
Switch up the # or Hex Color with the colomr of your choice!


Font Size


Strong/Bold Type


Italic Type


Underline Type


IMAGES:

Basic Image with Alt Text


Image with adjusted width and height
You can choose for the image to have a fixed width and height to best suit your website!


Responsive image


LINKS:

Basic Link


Image as a Link


LISTS:

Unordered List
Unordered Lists will be bullited


Ordered List
Ordered Lists will be Numbered


Be sure to always close your body and head tags once you are done coding your website! I hope you ladies found this helpful! Feel free to comment with any coding questions or shoot me an email at femnfleur@gmail.com. Happy Coding + Best of Luck Ladies!

HTML Closing Tag

HTML Closing Tag


xox, fem and fleur





<- PIN IT!
is loading comments...




EXCLUSIVE CONTENT

FREEBIES, NEWS, + SO MUCH MORE!