HTML 101: How to Create Web Pages With HTML — Episode Two
In this video, you’ll learn:
- What HTML tags are and how they work.
- How to properly structure HTML tags.
- How to create a page title tag.
- What nested tags are and why they are important.
Flash video — 7:10 in duration
Supercharge your blog’s earnings with Text Link Ads
Episode Links:
- Low cost, reliable web hosting from MidPhase.
- Download Notepad++, the best FREE text editor on the Web.
- Quickly and easily build HTML, CSS and XML pages with Macromedia Dreamweaver
.
Hi, I had a problem when I tried to do this:
I did all that was said to do EXACTLY, but when I hit refresh at the end it didn’t just say place content here, with the header 1 in it, it just had the HTML code that I just typed. what could I have done?
Adam, you didn’t leave any email or web site address for me to contact you. The likely cause for what happened is you accidentally typed the ampersand, then lt; for the < and the ampersand, then gt;for the > and the coding will appear as it would if you were showing someone actual code, or, you forgot one of the closing brackets for the opening tag. I suggest simply trying again and take your time. You’ll master it soon enough.
Regards
Shane
this is a great site and aid…thanks a bunch!
Hi Shane,
I am having the same problem as Adam…and I’ve re-typed it in so many times now that I have it memorized. 🙂 I’ve toggled back and forth between notepad and the tutorial to check, check, and re-check and I can find no errors in what I typed against what is in the tutorial. Here is what I have typed into notepad:
html template
place content here
Any ideas?
Thanks!
~Julie~
Hi Shane,
I am having the same problem as Adam…and I’ve re-typed it in so many times now that I have it memorized. 🙂 I’ve toggled back and forth between notepad and the tutorial to check, check, and re-check and I can find no errors in what I typed against what is in the tutorial. I tried to copy/paste what I have in notepad, but when I submit, I get an error message. Guess it tries to change your page when I do that…oops! Any ideas?
Thanks!
~Julie~
Ok–so I guess, based on the fact that I now have 2 comments stating essentially the same thing, that it didn’t change your page. Hmmm…wondering still why it won’t show up proper when I refresh the page on my end. Strange…well, hopefully I will have figured it out by Tuesday…I go for a 2nd interview and I want to be prepared in case they ask me to do some HTML…my luck if I don’t prepare, they’d ask me to. Since I am preparing, maybe they won’t 🙂 One can hope!
Okay–simple human error! I didn’t put the .html when I saved as…all is good now! Thanks for such a great tutorial! I am ever so grateful to have found it, and am learning enough to be almost dangerous~look out new job, here I come! 😀
So i understand this is designed for PCs/Windows etc., but I am trying using my Mac and TextEdit. So I type it exaclt and save file as template.html, but when i open in a firefox browser page, i just get the text exaclt as typed in. it doesnt seem to recognize it’s HTML. i’ll cut and paste just to show:
html template
place content here.
any ideas why this doesnt work on a mac or with firefox/safari etc? thanks!
ironic that i mistyped EXACTLY not once by twice. sorry
Kris,
For no good reason, I mistyped the html tag at some point in my video production. If you notice the html tag is actually typed “hMtl” So, make sure you type “html” and hopefully the file should work.
thank you for this it really help a lot….