The Dreaded HTML =)

One thing you should know : geeks love using acronyms =) I'm not using the word geek in a pejorative way, I consider myself a geek and don't mean to offend anyone !

As a member of WA you will be talking acronyms sooner or later ! You can't escape it! lol. You'll be saying WA and WP and PPC and GWT... and countless of other acronyms! =)

by the end of the training you should be able to understand this geek joke... lol



HTML Really Isn't That Complicated !

H-T-M-L are initials that stand for Hyper Text Markup Language. Ok, I know that it still doesn't mean much to you lol.

Hyper Text Markup Language is a programming language that simply enables the web to exist! See why you should love HTML? =) Broken down this is what it means :

  • Hypertext is the text displayed on your computer with references (hyperlinks) to other text which you can immediately access. Hypertext is the fundamental concept defining the structure of the Web. It enables an easy-to-use and flexible connection and sharing of information over the Internet. "Text" stands for what you will use, letters. Text is your content.
  • Markup is what you will do to create "html". You will write in plain English and then mark up what you wrote. I'll explain this part in more details as you move forward the tutorial
  • Language well, because it's a language, obviously -- but the language is plain English.

Basically HTML is a standardized system that enables you to create fonts, colors, graphics, and hyperlink effects on your website pages. In other words, it defines the structure of a webpage.

Of course, Wordpress was designed to allow people to build websites without knowing html, but eventually you'll need to go to the text editor and enter an html code.

It's not hard to pick up the basics, but HTML is also a broad technology with a lot of complex features, so this training is definitely not for more advanced members. The following pages will allow to gain some skills and knowledge.



Join the Discussion
Write something…
Recent messages
DanaT70 Premium
Thank. You. For. This. Training!! The step by step breakdown, was exactly what I needed! This helped me so much. I still have trouble with things like, I am suppose to add a code to the HTML of my ENTIRE site, but I get a message that basically tells me I should not alter the sites HTML. Then I'm left not knowing where I AM suppose to put it. For example, here is what Google AdSense tells me to do:
"Paste it into the HTML of (your web site) between the <head> and </head> tags"
Reply
JackStephens Premium
That is exactly what I am trying to figure out. I appreciate the HTML tutorial, but I still don't know how to get the the HTML for my whole site and when I get there, how to find the correct spot (<head> and </head> tags). Have you found the answer to that?
Reply
I need to know something...in 6 days do I have to pay to keep this site..cause if I do i might as well stop now
Reply
Labman Premium
Your Starter membership doesn't expire. You will lose the ability to communicate inside WA but you will still have all of the Starter training available to you.
Reply
HMaurice1 Premium
Thanks B, I added this page to my favorites. Thanks
Reply
QYTan Premium
Great post, Sarah.
It is useful for me to understand more about HTML.
Actually, you made it looks simple.

Thank you for sharing with us.

Gunawan
Reply
Travis7 Premium
Flex offers is an affiliate network I am trying to join they want me to add an HTML of theirs to my homepage. So that they know it’s my site where should I put it at the beginning or the end or does it matter
Reply
HMaurice1 Premium
Baby Cher, I also see on some of these templates; radio1, radio2 and so on. Do they expect me to download music? Joke, what are those? What are table headers?

You do remind me of Cher. I'll behave.

Thanks so much for getting me out of the dark on HtLMs.
Reply
HMaurice1 Premium
Thanks Believeityes, Very informative. A very nice read.

When I started I had not idea what a HTML was. Tag, where?

I would preview all these themes and I would see all those acronyms. I am thinking, what the flip? So I start to research.

Good to have run across your much needed training. Of course I will review a couple times, but it's woll worth the time and effort.

Soon I should be bubbling HTML.

Thanks again. .
Reply
DorcasW Premium
Believeityes; thanks I was having a real blinding headache because of a tutorial I attend on HTML before I found yours. The way in which you present it, simple plain made me laugh. My headache is not gone all-together, but it is not as bad as before thanks again. I can put my link in now and afterward finish your lessons.
Reply
BelieveItYes Premium
=) I'm happy I made you laugh and made it easier for you to understand. I hope your headache is gone by now lol
Reply
SJSD Premium
Thanks for this I found it really helpful and
easy to follow! Cheers for ending my fear of
anything to do with HTML :)
Reply
BelieveItYes Premium
you are most welcome ! and I'm happy you found it useful!
Reply
phakacha8 Premium
A very helpful lesson for starters. You have shown alien scripts making them so simple to follow.Thanks.
Reply
BelieveItYes Premium
You are most welcome and thank you so much! I am really happy this helped you and was intelligible !
Best wishes
Sarah
Reply
swhittington Premium
Thanks for this, just what I was looking for!
Reply
BelieveItYes Premium
=) Glad I could help
All the best!
Sarah
Reply
jarich Premium
Hi Sarah. I wanted to learn more about html since joining WA but the concept has been a little overwhelming knowing nothing about it. I have read numerous blogs of yours, and wanted to say thank you. You always put an amazing amount of effort into laying concepts out and making them easily understandable for people learning new skills. I also enjoy your writing style, it's very comprehensive, but also easy to understand and really positive! Thanks again, you have been a major help.
Reply
BelieveItYes Premium
thank you so much for the kind words, I only see your message now I don't know why, I'm sorry for the late reply
Blessings
Sarah
Reply
pitin Premium
Thanks alot Sarah! I used to have a 3,000 word article and I broke them up into 5 pages. I will revise and use page jump instead.
Reply
BelieveItYes Premium
=) glad I can help
wow 3000 words, well done!
Cheers
Sarah
Reply
codevonish Premium
Hi Sarah, I have been trying to insert a banner for my affiliate program for 3 days. it says use html text code, haven't a clue, i hope your training will help.
Reply
BelieveItYes Premium
Hello ! It shouldn't be a problem.
Where are you trying to add the code? Within your content or within a widget?
What is the affiliate program you are mentioning? Do you have trouble finding the html code or inserting it?
Reply
codevonish Premium
Thank you for responding, i finally succeeded yesterday . was trying to insert HTML banners, was unsuccessful with one, something about javascript came up; still working through the training.
Reply
BelieveItYes Premium
congrats on your success !
Reply
Carlton-Nbr1 Premium
Hi Sarah,
Thank you !
For the simple tutorial on Html;)
Yours Truly,
Carlton
Reply
BelieveItYes Premium
Hey Carlton, no problem, thanks for checking it out! =)
Have a lovely day
See you around
Sarah
Reply
YaelLynn Premium
I've been faking through this for months, just skipping over anything that refers to HTML, assuming I would eventually figure it out by context. No such luck.

You explained it wonderfully. It really helped that you instructed to play with it in a post of it's own. I would copy/paste each line or a couple lines at a time then flip back to the Visual to see what I did.

There's obviously ALOT to learn, but now I have a clue what the language means. I hope as I run across other stuff that I'm trying to figure out, I run into your tutorials again. (There's plenty of opportunity there. LoL)

Thank you.
Reply
BelieveItYes Premium
Hey Lynn, nice to meet you ! Thank you for checking out my training and leaving a comment. =)
I know what you mean by "skipping over anything that refers to HTML" lol... I've been there !
I am happy my introduction to HTML helped you feel more comfortable with it... in the end it really just is a language and one that is relatively easy to learn ! =)
I hope you're having fun building your website. Let me know if I can help you with anything
See you around! =)
Sarah
Reply
Rodwell Premium
Thank you for taking the time to explain a few things. Still not easy to remember ..............but quite easy to follow.
Take care,
Tony
Reply
BelieveItYes Premium
=D it gets easier over time! You'll learn without even knowing and one day you'll be giving tips to others lol
Cheers
Sarah
Reply
Rodwell Premium
That would be nice Sarah ...........I'd like that.
Tony
Reply
Dinh Premium
Great introduction to HTML and you didn't scare me off! lol
Reply
BelieveItYes Premium
lol good !! thanks =)
Reply
SuzQ Premium
You do make HTML sound less intimidating. Can't wait to incorporate some this!
Reply
BelieveItYes Premium
=D thank you, have fun!
Reply
Shawn Martin Premium
Excellent, thanks!
Reply
BelieveItYes Premium
=) you're welcome !
Reply
SupportWorx Premium
I love this. These mini tutorials are so great. You really made it understandable. I'm still trying to figure out the spacing between paragraphs though... onward! -Alexx
Reply
jassicania Premium
Messing about with fonts and my eyes has gone like @.@
Reply
BelieveItYes Premium
ahah lol did you manage to do what you wanted ?
Reply
jassicania Premium
Yes I did!! ❤️❤️
Reply
BelieveItYes Premium
awesome, well done! =)
Reply
jassicania Premium
Wow Sarah?! Amazing !
Reply
BelieveItYes Premium
<3<3 (not on my phone lol)
Reply
Prestones Premium
Nicely done Sarah!

Then there's just the little matter of the WordPress editor messing with your code when you flip between text and visual - ouch!

Dennis
Reply
BelieveItYes Premium
Yes that's true, but the result is always what I wanted it to be, although wordpress rescripts the whole thing. Have you had bad surprises flipping between text and visual?
Reply
Prestones Premium
Greetings Sarah!

Unfortunately I've had a few ugly surprises. For example, I struggled for a while putting a clickable map of the United States on a page (using the text tab), only to have the editor decimate it when I flipped back and forth between the text and visual tabs. Maddening!

I finally got around the problem using a plugin called Raw HTML. It lets me wrap the code in a shortcode and protects it from the ravages of the editor.

Quite the challenge!

I now use it for any code in the editor - frequently AdSense ad code.

Dennis
Reply
BelieveItYes Premium
interesting plugin!! thanks for sharing... I hear you on the "maddening" part... I've had my share of pulling my hair off with the editor lol
Reply
jassicania Premium
Yes I am dealing with this exactly!!
Reply
Keisi Premium
Hola Sarah, thank you for this very useful trainning. I am new to WP. This trainning tells me the answer to many of the questions as to where I insert html. I look forward to your next edition
Reply
BelieveItYes Premium
Thanks!!! I will definitely come up with an HTML 2 - the not so dreaded returns !
Cheers
Sarah
Reply
Martstervt Premium
Good stuff,I had printer problems and with 4th of July celebrations I just got to it.I will keep this for future reference.I think it helps to understand how wordpress works as well.Thanks for helping us newbies:) Still not sure what that or=) meansLOL
Reply
AnteroM Premium
Thanks!!! Very good tutorial. I will copy for reference.
Reply
DaveBeech Premium
Fascinating! Can I store this somehow for future reference? I know more about quantum loop gravity than I do about computers and I know less than nothing about physics!
Reply
RushingBee Premium
Haha, I love that! Besides just commenting on your sense of humor, though, I did have a reason for replying. ;)

I am also finding tons of training and blogs that I want to save, so my solution was that I made a new bookmark folder in my web browser titled 'WA', and I have started saving everything there. Make sure to give each page a title that you will recognize so you can find things again easily!

Hope that helps. Although, knowing that you have some brushing up to do on your loop quantum theories, feel free to ask if you need anything.

Have a great day!
- Bee
Reply
Prestones Premium
You may find use in WA's internal bookmarking system too - see If you'd like to geek out a bit further, you can bookmark individual comments too - see Dennis
Reply
BelieveItYes Premium
nice, thanks!
Reply
RushingBee Premium
Oh wow! I had a feeling that there might be something like that here, but I just hadn't found it yet... Thank you for the information! I'll check it out. :)
Reply
Mark1957 Premium
All G(r)eek to me Sarah but I see you must like Glee so maybe you're just a G(l)eek instead...hahahahahhaha

Hope you're having a lovely day.
Mark
Reply
BelieveItYes Premium
ahah actually I don't watch glee lol but I am having a lovely day ;) thanks
Reply
Mark1957 Premium
Then you may not know that your picture shows the character Kurt from that tv programme!
I don't watch it myself but it's one of my daughter's favourites.
Mark
Reply
BelieveItYes Premium
I didn't know indeed and I almost took it out ahahah but oh well... I thought his face was funny lol
I'm more more into game of thrones or true detective
Reply
Mark1957 Premium
Suits, The Good Wife, Blue Bloods are my sort of thing...did start watching True Detective with Mat Mc but couldn't get into it!!
Reply
BelieveItYes Premium
it's slow and dark yeah it took me a while to get into it !
Reply
Bigdeallisy Premium
Great intro to HTML! Thank you!!
Reply
Danswa Premium
Cool training, short and direct to the point, thanks @BelieveItYes
Reply
JewelCarol Premium
Great training for newbies, well-done, Sarah dear!! :))
Reply
EzekielBS Premium
Robert I took your training and created an anchor on a couple of my pages. The first one was from a link in a page to a place further down the page and works fine (http://investinrealmoney.com/u-s-silver-coins/peace-dollar - the link that says "Best place buy silver coins online"). However, when I create a link on one page and want it to go to a specific place on another page, I cannot figure out how to do that. For example from http://investinrealmoney.com/ there is a link for "1935 U.S. Peace Dollar" and when it is clicked it just goes to the top of the http://investinrealmoney.com/u-s-silver-coins/peace-dollar page, but I want it to go to the anchor on that page called "#1935Peace" further down the page.

Can anyone help with the anchor html to get me to the page and anchor on the page?

Thank you in advance for all your help!
Reply
alleo Premium
I think you need to add #buy-peace-dollars to the end of the url, something like this:-

http://investinrealmoney.com/u-s-silver-coins/peace-dollar#Buy-Peace-Dollars
Reply
EzekielBS Premium
Perfect! I had a space in between the "dollar" and the "#" which is why it wasn't working. Thank you very much @alleo
Reply
Loes Premium
Well done, good explanation:)
Reply
AllMadeUp Premium
Thank you. That was a great training! It was all crystal clear until I got to lesson 5, at which point my brain checked out due to overload. That is no reflectionn on the quality of your training, but rather the ability of my brain to grasp the content at this time. When the student is ready, the teacher appears. That means I'll have to check back on this at a later date when I can learn more! I'm so thankful for this training, Sarah.
Reply
BelieveItYes Premium
Thank you for the feed back! Perhaps your brain overloaded because I didn't make it clear enough. A teacher can always get better!
Thank you for dropping by and for your kind words
All the best
Sarah
Reply
AllMadeUp Premium
I honestly don't think it was you. I think I just tried to put too much new information into my brain at once. It's basically learning a new language so I'll need to keep reviewing it until I get it. It's highly doubtful that your training was so outstanding for the first 4 pages and then suddenly got bad. ☺ More likely, it's me.
Reply
BelieveItYes Premium
don't worry, we all get overwhelmed on here ahah, there's just too much information =)
Reply
solidbase Premium
Thank you Sarah,
Have saved it in my "golden nugget file" for future use.
Much appreciated.
-Theuns
Reply
BelieveItYes Premium
you're sweet =) and most welcome!
Cheers
Reply
roamy Premium
Great tutorial, to me HTML is scary to put it in simple words will follow your tutorial nd who knows by the end of this week i might be a master at HTML lol
Thanks once more
Reply
BelieveItYes Premium
ahah perhaps not a master because this is very basic knowledge but you'll be on your way to learning more and mastering HTML! =) Thanks for dropping by
all the best
Reply
bsmith1222 Premium
Well done and thanks for sharing!
Reply
BelieveItYes Premium
You are most welcome, thank you!
Reply
BNeki Premium
Hey Sarah thanks, your training will help me with this html stuff, will you tells us when to use it and why, cheers :)
Reply
BelieveItYes Premium
Hi
Thank you for dropping by! Hopefully you won't need HTML too often =) but you might need it when your browser messes with your spaces or paragraphs for example. That happens to me a lot more than I'd want it to. You can also need it for very simple reasons like using a specific color, in which case you'll use the "hex" I mentioned in the training. Most of the time you won't need it but it's always good to know the basics, just in case you have to do something manually lol...
Reply
DaveSw Premium
Good training...This is something we all are going to be using everyday almost, so is critical...Thanks!
Reply
BelieveItYes Premium
true ! =) thanks David, have a lovely Sunday
Reply
DIVICAN Premium
Hard to understand of now but again and again I will be used this training, indeed helpful
Reply
BelieveItYes Premium
Thanks for the feed back I will try and make it more easy !! =)
Cheers
Sarah
Reply
DIVICAN Premium
Great
Reply
DIVICAN Premium
Hard to understand of now but again and again I will be used this training, indeed helpful
Reply
Larry_T Premium
Very helpful, Sarah.
Reply
BelieveItYes Premium
Thank you Larry !
Reply
AlexEvans Premium
Hi Sarah just looking at your tutorial excellent. Html seemed like a scary proposition , bookmark this one for referance not so scared any more . Thankyou for sharing your knowledge.
Alexander
Reply
BelieveItYes Premium
I know it sounds like a scary proposition lol... I knew I should have posted something more fun ahahah but I wanted to get it over with ! ;) thanks for dropping by, have a great Sunday!
Reply
geo2112 Premium
Thanks for that Sarah I must admit I never new what they actually meant in plain English. I'm gonna start looking up all these abbreviations from now on lol:-)
George :-)
Reply
BelieveItYes Premium
ahahah yes, they talk in code, I'm glad you learned something ! =)
Have a lovely Sunday
Reply
JillDeanne Premium
Thanks Sara, very informative for me as a newbie :-)
Reply
BelieveItYes Premium
glad I could help a little! =)
Reply
petervcrisp Premium
Brilliant Stuff You are a great teacher :) Thank you :) :)
Reply
BelieveItYes Premium
aaaw thanks ! =) =)
Reply
AWHTE Premium
Wow in all the years I have looked at this html I never had It explained thank you for the lessons
Reply
BelieveItYes Premium
dang thanks! =)
Reply
LucindaF Premium
Thank you Sarah. HTML has always been a mystery to me. I didn't even know what it stood for - just some strange acronym that computer experts threw into the conversation.

Your training has really helped me - simply explained. Just what I need.

Regards
Lucinda
Reply
BelieveItYes Premium
Thank you Lucinda, that means a lot to me!
Reply
Mork111 Premium
Wonderful stuff... simple and easy to understand explanations there Sarah, thank you for breaking it down in an easy to understand format :-D
Reply
BelieveItYes Premium
You are most welcome! I couldn't have made it complicated even if I had tried to lol... I made it easy to understand for me as well ahah cheers! =)
Reply
malen Premium
Sarah:
Your training lessons are very easily to understand and practicable. You are a very good teacher, I like your training lessons. If you give those lessons from the beginning which will help the beginners much easily and quicker to finish all the website works.
Thank you so much!
Reply
BelieveItYes Premium
Thanks a lot, I really appreciate your feedback and encouraging words. I do want to help beginners get started on here!
Cheers
Reply
mainae Premium
Wow, thanks for that great infor, you really made it easy to understand
Reply
BelieveItYes Premium
Thank you, I'm happy I did
All the best! =)
Reply
EzekielBS Premium
Great basic lesson! Any thoughts on other web languages like php and java versus html?
Reply
Labman Premium
php and javascript can be very helpful as does a working knowledge of css.
Reply
BelieveItYes Premium
That would be a more advanced training but why not? ! =) thanks for the suggestion
Have a lovely Sunday =)
Reply
CindyFS1971 Premium
Such cool training Sarah, opened up a whole new bunch of stuff that I had a tiny bit of understanding about. Dare I say that I might go and experiment when I write next! Thanks for sharing, and please do write another training, this was great.
Reply
BelieveItYes Premium
Thank you Cindy, you are sweet !! I am glad I could help you a little and will be making more trainings!
Have a lovely Sunday
Reply
EzekielBS Premium
For a line break I've always just used <br> and it does the job.
Reply
BelieveItYes Premium
Yes, you are correct! Both will work. <br> is HTML, <br /> is XHTML which worpress uses for scripting its documents. XHTML is very similar to HTML. The main difference is that XHTML forces webpage authors to be more consistent and to write more legible code. There are a few syntax and grammar differences and a few HTML tags have been dropped but, really, that's about it and it's quite easy to switch from one to the other
Reply
BillLuhrs Premium
Thank you for that. Very easy to understand ,and as you said, we all must at some stage do a bit of remodelling within our websites. One trick I do is take a quick screen shot of where i need to make some adjustments before I make them. Just in case i muck it up I can always go back to how it was and start again. Nice training.

Bill
Reply
BelieveItYes Premium
excellent trick!! what I do is cmd+z to cancel the last modification, but a screen shot is a great idea =)
Reply
mrbill6771 Premium
Very informative. HTML is still rather daunting, but your tutorial does help make things more understandable
Bill
Reply
BelieveItYes Premium
Thank you very much Bill, I think as long as you don't get too much into the details, HTML can be "fun" =)
Cheers
Sarah
Reply
RushingBee Premium
Thanks for another awesome tutorial, Sarah!

I'm not totally ignorant of HTML, but you did teach me something new with the page jumps. I'm not sure that I will have to use that, but if I ever do, I know right where my first stop will be.

I hope you consider doing more of these, I'm sure a lot of people (including myself) could benefit from it.

Have a great day! :)
Reply
BelieveItYes Premium
Thank you Breanne =), I love making tutorials, although it makes me very nervous ahah
Thanks again, have a lovely Sunday
Sarah
Reply
Top