Tags Define The Structure Of A Web Page

HTML tags are keywords surrounded by angle brackets < > :

  • HTML tags normally come in pairs like <p> and </p> (there are always exceptions to the rule!)
  • The first tag in a pair is the start tag, the second tag is the end tag
  • You can recognize an end tag thanks to the slash before the tag name.

A Small HTML Document

Copy paste the below html to a new post, in the text window and look at the result in your visual window :

<html>

<head>

<title><strong>Hello<strong></title>

</head><body><h1>I love HTML</h1><p>

<em>It's very easy.<em></p>

</body>

</html>

It should look something like this :

You don't need to worry too much about HTML of course since you're using wordpress, but getting familiar with it can save you a lot of frustration in the future! Plus it's really cool to be able to "talk html"! =D

Like This 86
Previous Page
Next Page


Join the Discussion
Write something…
Recent messages
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
@CindyFS1971
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
@EzekielBS
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
@BillLuhrs
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
@mrbill6771
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
@RushingBee
Thank you Breanne =), I love making tutorials, although it makes me very nervous ahah
Thanks again, have a lovely Sunday
Sarah
Reply
Top