The computer language for which all websites are built off of is called Hypertext Markup Language, or HTML for short.

Every website, no matter how big or small or its type, uses HTML as the foundation for which it was designed from. When I first learned web design, you had to know and understand HTML in order to build a website.

Fortunately, that is no longer the case today. Today, you can use WordPress to build websites, which is the most common web building platform out there today.




Join the Discussion
Write something…
Recent messages
nudge1969 Premium
Nice work Steph.
I still find one of the best and most simple pieces of code that I tend to use everyday is centering anything. Starting with <center> and ending with </center>. Often situations arise when you require centering an image, text, link or other object, and the center text icon doesn't always do the trick. This is where using these center tags in the HTML editor helps you out.
Reply
phakacha8 Premium
This is a great tutorial Stephanie.
Your explanation is clean and easy to follow for a non-techie like me.
If possible, kindly add an additional step showing how to add this HTML file to a website.
For instance, I'm not using SiteRubix but I use my own domain purchased and hosted by WA.

I look forward to hearing the good news.

phakacha8
Reply
Chrissies Premium
Thank you so much Steph, you make it sound so easy!!
The only thing I was not sure about is uploading to the website using Siterubix. Would copy and paste not work as well?
Now to your CSS training :)
Reply
DW66 Premium
Thank you for introduce me to HTML. It's a brand new language for me. How long you think that a newbie can grasp this language?
Reply
littlemama Premium
The training in the GREEN button on left and the business tools here makes it easy to build your site without knowing html coding. Just follow the training there and you'll be fine.
Reply
DW66 Premium
Thanks, Grace! :-)
Reply
MozMary Premium
yes Grace is correct, we don't need it here, the platform has been designed to take all that sort of hard work off our hands and let us concentrate on our content and traffic

however if you did want to do that then you could pick up a course on sale at Udemy real easy and some of them are quite good
Reply
DW66 Premium
Ty, Mary! :0)
Reply
DW66 Premium
I got confused when I hit lesson 4. This is so new to me. I guess they never know me & I never know them before. We have to spend time together enough so we can get familiar with each other. LOL. Well, Well, Well...
Reply
JIllW Premium
I am confused but I am sure it will sink in. I will watch this again and then ask you some questions.
Reply
Chrissies Premium
Hi Steph
I followed your directions but my MacBook will not let me save a .html file, only a duplicate copy, would that work?
And do you have any idea why I can't save it?
thank you so much :)
Reply
arun2365 Premium
Hi Chriss
Just joined and saw your question. It might be too late responding to it but I thought it may help others using Mac.
You may open TextEdit. From TextEdit Menu go to preferences and in format choose plain text. Open next tag i.e open and save. Here you would choose the first option i.e to save HTML file as HTML code. Now close the preferences. You may write the code now and save it with .html extension. You will get a popup and must choose to save as .html extension.
Regards
Arun Sabharwal
Reply
rita654 Premium
This is great. I have never did any coding, but you have made this very easy to follow. I still don't really understand if I created this page an uploaded it, where it would go.
Reply
DaveJ01 Premium
Thank you very much Steph! I am getting ahead of myself but I am sure it will prove useful in the future.
Reply
mary5600 Premium
Hello Steph Hill, Thank you.

You seem to understand code really well.

this is the closest I have come to an answer, but still fuzzy.

I am asked to put a code into my HTML for AdSense.

But I cant find <head> <body>

below is where they want me to put it. But they don't specify where it is.

Do you know where it is located?

<html>
<head>
This is the head of your page.
<title>Example HTML page</title>
</head>
<body>
This is the body of your page.
</body>
</html>

I have checked both pages and post, and gone into the them editor. I am not finding <head>
If you could help, it would be heaven--even they cant.

Thanks much, Mary
Reply
FredrickM Premium
WOW THANKS!!!! I been wrecking my brain for six days trying to figure this out, I even posted it as a question but worded my question wrong obviously. lol Thanks!!!
Reply
stephhill Premium
Hi Fredrick:

You are so very welcome. Be sure to follow me and I will be there to help you with anything that I can. I just left you a message on your profile page. Keep in touch! :)

Steph
Reply
FredrickM Premium
Ok Steph I'm trying to place a meta on my domain that has wordpress installed to verify ownership to an affiliate. They said enter the meta between <HEAD></HEAD>, but in your lesson you have <TITLE></TITLE> between <HEAD>'s so are they saying remove the <TITLE>'s or also add code they gave me in as well? And also you said we can upload our newly created page thru siterubix but where exactly do we place it? I also tried placing the meta where it says home page format, but that still didn't work.
Reply
stephhill Premium
You do keep the <title> </title> tags between the two header tags. Do not remove them. The title tags are needed for your webpage title. You can add the code after the closing title </title> tag and before the closing header </head> tag. You can upload any files you want to your siterubix site. You can upload images, or copy and paste from a word document if you are putting in text. I am not sure what "home page format" they may be referring to.

I hope that helps a little bit.
Reply
Juniper59 Premium
An Education - Thank you Steph, still working my way through but find your tutorial easy to follow :)

June
Reply
stephhill Premium
Hi June:

Sorry for the delayed response. I do not always get notifications from older tutorials I created. This particular was my very first tutorial I created here at WA. Now, I have a massive amount that you can access regardless of whether or not you are a premium member. Please never hesitate to let me know if there is anything else I can help with.

Steph
Reply
Juniper59 Premium
Hi Steph and thank you :)

I'm still ploughing my way through and taking my time, I have a plan with a clear direction of where I'm heading albeit a little shaky and learning the basics not to mention the techie stuff ;) I have no doubt that I will be asking the odd question or two and really appreciate your help and advice :)

All the best

June
Reply
SherryV Premium
I sort of knew where I was in SERP but finding out in real numbers is an I opener with SERPLAB. Now I can target certain keywords with more knowledge that I will be seeing more visits.
Reply
stephhill Premium
Absolutely. I am so glad this tutorial was super helpful to you. Please never hesitate to let me know if there is anything else I can help with. I apologize for the delayed response too Sherry.

Steph
Reply
Nadun Premium
Awesome, Perfect tutorial of HTML. Thanks a lot @stephhill
Reply
stephhill Premium
You are very welcome Nadun.
Reply
HelenpDoyle Premium
Never mind. I use Chrome. So I tried opening with IE just to follow your notes and get the IE icon. And found it. Quelle idiot am I.
Reply
stephhill Premium
Hi Helen!

You are NOT an idiot. It will show whatever browser you are currently using. Glad you found it. :)
Reply
HelenpDoyle Premium
Sometimes I wonder about although I know I am not! Odd ball internal linking is still getting to me. Just about to try some other way to achieve this.
Reply
stephhill Premium
What internal linking issue is it?
Reply
HelenpDoyle Premium
Steph, after many hours of tackling my issue with internal linking and with the help of several WAers, eg Boomer, Loes, Bill and some ex WAer, I figured it out. I am probably dense but so be it. I have just finished a draft tutorial on it in case anyone else has the problem I a reviewing it today and then will publish it. If you have a chance (as I know you won't need it) would you run your eyeballs over it to see if I have made any blunders. Thanks and have a wonderful day. H
Reply
HelenpDoyle Premium
Steph I wrote the block of text about the problem I am having as follows! "The basics of HTML as taught by Steph Hill are easy to follow except for the part about saving the file as a webpage.
I have saved it on notebook as an html extension. Then I get lost. How do I navigate to the newly created webpage location where I can see the IE icon? All I see is the open notepad icon on the task bar. When I go to the IE icon on my task bar I get a page of news and a search box not an empty webpage! I can open a new tab to search but my newly created webpage is somewhere in the ether!'

What's up Doc! I am going to continue working on the notebook file but would really like to know where my newly created webpage is!
Reply
stephhill Premium
Hi Helen!

That is one of the reasons why I say to not close your notepad file, because it can be hard to find sometimes. Go to your documents or where ever you saved it and you should find it. Click on it and it opens up in the browser.

Steph
Reply
HelenpDoyle Premium
When I saved it the notebook icon was still showing. So I tried opening it with Chrome then Internet Explorer. It now shows the Chrome icon. So I get it now! Thanks
Reply
LLiu Premium
Stephanie, I was afraid that I would mess up with the HTML. Now that I have watched your training...I am not as afraid of it any more. Can I ask this question, might seem silly to you, but am I to understand we can create content for our we site, and save it to our hard drive and then when basically have it all put together, then we can transfer it to word press and then publish it.
Reply
stephhill Premium
I am glad I was able to remove some of the fear of HTML. And yes, you can definitely create your content in Word or whatever word processor you want and copy and paste it into your WordPress site. You do not need to know HTML to do WordPress, but it helps whenever you need to change something that can only be done in HTML.
Reply
Hillbilly2u Premium
Stephanie, thanks for following me. I found your lessons informative and helpful.
Paul
Reply
stephhill Premium
Hi Paul!

I am glad to hear that. Let me know if you have any questions.

Steph
Reply
Hillbilly2u Premium
How do i change my front ( home ) page.
Reply
stephhill Premium
Do you mean you want to create a static page? You can create a static page instead of the blog roll. is that what you want to do? I can walk you through that process, but let me know if that is what you are referring to.
Reply
LLiu Premium
Thank you Steph for this tutorial. You explain it in a way we newbies understand it.
Reply
stephhill Premium
Good. That was my aim for sure. Have an awesome day!
Reply
LLiu Premium
You too Steph, thanks...
Reply
stephhill Premium
Let me know if you any questions at all.
Reply
WilliamBoyle Premium
OMG I'm smoked! I can build a computer from scratch, but coding hmmm where is that button I push that will make everything look great? LOL Do we need to code webpages in WA? I know Steph it was stupid to ask, but I did anyway! :)
Reply
EKautz Premium
Not really - you can code but don't have too.
Reply
stephhill Premium
Hi William. Have a great day! You are funny. :)
Reply
WilliamBoyle Premium
Hi Steph, thanks for another training. Is it required that we use Jaaxy? We both agreed it was an up-sell and a pricey one at that.

Best,

William :)
Reply
stephhill Premium
Yep. It is an upsell for sure. HTML has nothing to do with Jaaxy. :)
Reply
Walent Premium
Hi Steph, that was very good and very thoughtful of you. I will be checking out your other training modules.
Reply
Danamy5 Premium
Thank you Stephanie. I am completely overwhelmed. Seeing all of your tutorials, and what they cover, let's me know just how little I know. WOW !!! I had seen the html before but had absolutely no idea what it was. I do have a Bachelors degree so I know I can learn, but seeing all of the topics here leads me to believe that it will be centuries before I have a functional, income earning, website. Not so sure I have that long. I'm already going to be 58 next month !!! Thank you for the follow and also for sharing your knowledge so willingly. I do appreciate it.
Reply
Loes Premium
Well done again Stephanie:)
Reply
stephhill Premium
Thank you Loes.
Reply
AnteroM Premium
Very good tutorial. Thanks!!!
Reply
stephhill Premium
You are welcome. Do you have any questions?
Reply
RobVallair Premium
Great Lesson Stephanie!
Reply
stephhill Premium
Hi Rob!

Thank you and I just replied to your PM you sent me regarding the banner issue.

Steph
Reply
SamiWilliams Premium
Thank you Stephanie, Great tutorial.
Sami
Reply
stephhill Premium
You must have read all of my tutorials by now Sami!
Reply
SamiWilliams Premium
I am sure I have, they are bookmarked. I went into this so far behind on tech skills that I did what I do- store for review later.
Thanks for your help, and hope the day is a successful one.
Sami
Reply
Vikingo Premium
Thanks! I'll keep on studying. I am now checking the links
Reply
stephhill Premium
You are welcome.
Reply
Happygirl48 Premium
Hi Steph, When I built my first website on Yahoo many moons ago, I had to learn HTML as well. I found it to be very interesting and helpful. I still use it today when needed. You're a wonderful teacher and so kind to people in need anyone who knows you will learn from you Thanks.:) Sharon
Reply
stephhill Premium
You are always saying the kindest things Sharon and I know I need to reply to your PM you sent me. :)
Reply
HelenpDoyle Premium
I have done programming in a couple of languages but this is a great refresher course for me as that was a long time ago. So thanks and have a nice day.
Reply
stephhill Premium
You are most welcome Helen.
Reply
mjdimarco Premium
Awesome!
Reply
solidbase Premium
HTML has always been (and still is) a complete mystery to me.
I will follow your training to see if I can educate myself.
Thanks Stephanie.
-Theuns
Reply
stephhill Premium
You are welcome Theuns. Let me know if you need any help.
Reply
solidbase Premium
Sure will do that Stephanie.
Thank you very much.
-Theuns
Reply
JulietAA Premium
Thanks Steph,
This is awesome information. It is very useful and timely for my completely empty website.
Juliet
Reply
stephhill Premium
You are welcome Juliet.
Reply
bill808 Premium
Once I have created a page on my hard drive, how and where do I load it into my wordpress
Reply
stephhill Premium
Hi Bill:

There are a couple ways you can do that.

One way is to copy your HTML code and go into your Dashboard of your WordPress site and click on the Text tab and paste the HTML code in there and then switch over to the Visual tab to see that it looks the way you want it to.

Let me know if that answers your question.

Steph
Reply
bill808 Premium
That will work for a text widget, but If I develop a web page and save it to my hard drive how do I load that webpage into my website?
Reply
stephhill Premium
No. I am not talking about a text widget. When you are in creating a new post, there are tabs in the top corner of your edit screen that say "Visual" and "Text" - click on the "Text: tab and copy and paste the HTML code in there.

I am sorry for the confusion. Let me know if that still does not make sense.
Reply
EKautz Premium
Neat stuff, thanks a bunch Steph!

ROCK ON!
E
Reply
stephhill Premium
You are welcome.
Reply
Maxiam59 Premium
wow you made it easy to understand and do you really broke it down from going to notepad to the final stages
Reply
stephhill Premium
Thank you Maxiam. I was trying to break it down. I just got an email from someone saying he does not have Notepad on his computer. Do you have it?
Reply
PhoenixFlame Premium
Wow, this is awesome training, great information on WordPress. :) I simply love WordPress. :) It is thanks to being a part of WA I learned to harness the many features that come with it too. :)

Thanks for sharing this with us Steph. :)

~Angel
Reply
stephhill Premium
Thank you Angel. At first I am was not sure of WordPress, but now I like it too. :)
Reply
Prestones Premium
Great job Steph!

Dennis
Reply
stephhill Premium
Thank you Dennis. Was it easy to understand? This was my first training I created in WA. So I am open to any and all feedback.
Reply
Prestones Premium
I have to confess I skipped though it quickly Steph.

Having said that, I did go through all 8 pages, and all the pieces seemed to be there, together with explanations for their purpose and effect when rendered in a browser.

I was impressed - certainly better than had I attempted the same!

Dennis
Reply
stephhill Premium
Thank you Dennis. I appreciate the feedback.
Reply
Lazyblogger Premium
Great training, thanks for the information.

Bishop
Reply
stephhill Premium
You are welcome Bishop. I appreciate it and open to feedback of course.
Reply
dillbizz Premium
Hi, thanks for the training, I will get practicing and check out the other sites you have mentioned.
Reply
stephhill Premium
I am glad it was helpful. Have an awesome day! And thank you letting me know about the missing word is lesson 4. I got your PM. :)
Reply
Anewcreature Premium
Have to look at some of your training. HTML is something I want to master. I refuse to edit until then :). Thanks for the post!
Reply
stephhill Premium
I don't blame you. You are scared of messing things up! :)
Reply
pbar47 Premium
Awesome steph. I love your code trainings. Thank you for sharing your expertise!!
Reply
stephhill Premium
Thank you Polly. I appreciate you checking it out.
Reply
Lorna43 Premium
Thanks Steph...I have often wondered what HTML is -- now I know, thanks to you!
Reply
stephhill Premium
I am glad it was helpful.
Reply
SupportWorx Premium
I couldn't remember what HTML stood for! Thx, I've been looking for this! -Alexx
Reply
stephhill Premium
Yep. It stands for Hypertext Markup Language. :)
Reply
Top