Write in HTML: Basic HTML Concepts

HTML: Language of the Web Browser

“HTML” stands for “HyperText Markup Language.” Basically, it’s a language for marking up your text, so it can do fancy things like look bold or link to some other site.

HTML is the basic language of your browser. We use many programming languages for the Internet (PHP, Perl, Ruby, and others), but they all ultimately spit out HTML. (Well, or JavaScript, or CSS, but let’s keep this simple.)

Your browser takes the HTML and makes it into a pretty web page.

Keep in mind that HTML is a client side programming language, so  it cannot do server side code like doing logical calculation, getting data from database, receive request, and so on.

Learn to write in HTML, and you’ll know exactly what you’re telling the browser to do.

HTML Marks Up Ordinary Text

HTML is a markup language, so most “HTML” is just plain text. For instance, this is perfectly good HTML:

Hello. I am HTML. Exciting. Yep. Amazing.

But wait, you say. That doesn’t look like a computer language! It looks like English!

Yes. Now you know the great secret. HTML (when used properly) is readable text.

 

Learn From Your Word Processor Experience

Of course, we want more than plain text. We want, say, italics.

You already know how to get italics in a word processor program (like Microsoft Word, or the free LibreOffice). You press the little I button.

Everything you type from then on is in italics. You can type for pages. How do you stop this festival of emphasis? Press the I button again. Now your font is back to normal.

If you go back to the middle of the italicized words and add some text, it will also be in italics. There’s a kind of italics zone between the starting point, where you “turned on” italics, and the ending point, where you turned them off.

Unfortunately, these endpoints are invisible.

Invisible endpoints can cause a lot of pain. It’s all too easy to turn italics off, then make some misstep with the cursor and find you’re still in italics. You try to turn them off again, but somehow you moved again, so turning them off really toggles them on … it’s a mess.

 

HTML Uses “Tags”

HTML also uses endpoints. The difference is that In HTML, you can see these endpoints. You type them in. They’re called HTML tags.

Let’s say you want to spruce up that earlier example. You want to italicize the word “Exciting.” You would type in

<i>Exciting</i>

Complete code like this :

Hello. I am HTML. <i>Exciting</i>. Yep. Amazing.

You would save that in your text editor, then copy and paste the HTML into the “new article” box in your site. When the browser showed the page, it would look like this:

Hello. I am HTML. Exciting. Yep. Amazing.

Unlike a word processor, you don’t see the italics as you type them. You type the tags. The browser reads the tags, makes them invisible, and follows their instructions.

It can be annoying to see all those tags, but the right text editor makes this much easier.

 

Don’t Forget the Closing Tag

Closing tags are rather important. What if you forget the closing

</i>

like this :

Hello. I am HTML. <i>Exciting. Yep. Amazing.

It’s like you forgot to click the I again to turn italics off. You’ll get this:

Hello. I am HTML. Exciting. Yep. Amazing.

A single missed tag can turn your entire article, or even the rest of the page, into a river of italics.

This is probably both the easiest and the most unnerving beginner’s mistake you can make. But it’s easy to fix. Just pop in the closing tag.

 

Now Learn Some Tags

Congratulations! You understand basic HTML!

Ordinary text marked up with opening and closing tags. That’s pretty much it.

Now go learn some basic HTML tags. (You may want to get a decent text editor first.)

428 comments

  1. Judy

    Wow, marvelous blog layout! How long have you been blogging for?
    you make blogging look easy. The overall look of your website is great, as well as the content!

  2. Del

    You actually make it appear really easy with your presentation but I
    in finding this matter to be actually one thing that
    I feel I might by no means understand. It sort of feels too complicated and
    very broad for me. I am looking forward for your
    subsequent publish, I’ll attempt to get the cling of
    it!

  3. vacuum glovebox

    First of all I would like to say wonderful blog!

    I had a quick question that I’d like to ask if you don’t mind.
    I was curious to find out how you center yourself and clear your thoughts prior to writing.
    I’ve had a difficult time clearing my thoughts in getting my ideas out there.
    I truly do enjoy writing however it just seems like the first 10 to 15 minutes are
    usually lost simply just trying to figure out how to begin. Any recommendations or
    tips? Thank you!

  4. live chat

    Yes! Finally something about website.

  5. Christy

    Hey! This post could not be written any better! Reading this
    post reminds me of my good old room mate! He always kept talking about this.

    I will forward this write-up to him. Fairly certain he will have
    a good read. Thank you for sharing!

  6. Janie

    Somebody necessarily lend a hand to make critically articles I might
    state. That is the very first time I frequented your website page and up to now?
    I amazed with the analysis you made to create this particular
    submit extraordinary. Fantastic task!

  7. Edmund

    Pretty section of content. I just stumbled upon your
    weblog and in accession capital to assert that I acquire in fact
    enjoyed account your blog posts. Anyway I will be subscribing to your feeds and even I
    achievement you access consistently fast.

  8. Alba

    I do not even know how I stopped up right here, but I
    believed this publish was good. I don’t recognise who you might be
    however certainly you’re going to a famous blogger when you
    aren’t already. Cheers!

  9. Zachery

    Hmm is anyone else encountering problems with the images on this blog loading?
    I’m trying to determine if its a problem on my end or if it’s the blog.
    Any suggestions would be greatly appreciated.

  10. online invoice

    Every weekend i used to go to see this web site, as i want enjoyment, since this this web page conations truly
    fastidious funny stuff too.

  11. Angelo

    Woah! I’m really digging the template/theme of this blog.
    It’s simple, yet effective. A lot of times it’s very
    difficult to get that “perfect balance” between superb usability and appearance.
    I must say that you’ve done a great job with this.
    In addition, the blog loads extremely fast for me on Opera.
    Outstanding Blog!

  12. Donette

    What’s up, everything is going fine here and ofcourse every one is sharing facts,
    that’s really good, keep up writing.

  13. Janell

    It’s going to be finish of mine day, but before ending I am reading this wonderful post to improve my knowledge.

  14. Stephan

    An outstanding share! I have just forwarded this onto a colleague who had been conducting a little homework on this.
    And he actually bought me lunch because I discovered
    it for him… lol. So allow me to reword this…. Thanks for the meal!!

    But yeah, thanx for spending time to discuss this topic here on your web page.

  15. Anh

    I don’t even understand how I ended up right here, however I
    thought this submit was good. I don’t recognize who you are but certainly you’re going to
    a well-known blogger for those who aren’t already.
    Cheers!

  16. carte-cadeau iTunes gratuite sans vérification humaine

    Hi there, I discovered your site by means of Google whilst searching for a comparable matter, your website came up, it seems to be great.
    I have bookmarked it in my google bookmarks.

    Hi there, just changed into aware of your weblog through Google,
    and found that it is really informative. I’m going to watch out for brussels.

    I will appreciate for those who continue this in future.
    Lots of people will be benefited from your writing.
    Cheers!

  17. Chantal

    Your style is unique compared to other people I’ve read stuff from.
    I appreciate you for posting when you’ve got the opportunity, Guess I’ll just bookmark this blog.

  18. vacuum glovebox

    I believe this is one of the most significant info
    for me. And i am happy studying your article. However wanna observation on few basic issues,
    The web site taste is wonderful, the articles is truly excellent : D.
    Just right job, cheers

  19. carte cadeau itunes gratuite légale

    Its like you learn my mind! You appear to grasp so much approximately this,
    such as you wrote the guide in it or something. I think that you just can do with a few p.c.

    to power the message house a bit, but other than that, this is wonderful blog.
    A fantastic read. I’ll certainly be back.

  20. Abbie

    Hello There. I found your weblog using msn. This is an extremely well written article.
    I’ll make sure to bookmark it and return to read more of your helpful information. Thank you for the post.
    I’ll definitely return.

  21. Free live chat

    Hi would you mind letting me know which webhost you’re utilizing?

    I’ve loaded your blog in 3 different browsers and I must say this
    blog loads a lot faster then most. Can you recommend a good hosting provider at a reasonable price?
    Kudos, I appreciate it!

  22. carte-cadeau iTunes gratuite maintenant

    I would like to thank you for the efforts you have put in penning this blog.
    I’m hoping to check out the same high-grade content by
    you later on as well. In fact, your creative writing abilities has
    inspired me to get my very own website now 😉

  23. online invoice

    Spot on with this write-up, I absolutely believe
    that this amazing site needs far more attention. I’ll probably be
    back again to read through more, thanks for the advice!

  24. Mickey

    What’s up, constantly i used to check blog posts here early in the break of day, for the reason that i enjoy to find out more and more.

  25. Milford

    I’m not sure why but this weblog is loading extremely slow for me.
    Is anyone else having this problem or is it a issue on my end?

    I’ll check back later on and see if the problem still exists.

  26. Adriana

    I have been exploring for a little bit for any high-quality articles or weblog posts in this kind of house
    . Exploring in Yahoo I ultimately stumbled upon this web
    site. Reading this information So i’m satisfied to express that I’ve an incredibly excellent uncanny feeling I came upon exactly what I needed.
    I most unquestionably will make sure to don?t put out of your mind this site and give it a look regularly.

  27. Ramon

    Hey there, You’ve done a great job. I’ll definitely digg it and personally suggest to my friends.
    I am sure they’ll be benefited from this web site.

  28. Jann

    I do not even know how I ended up here, but I thought this post was great.
    I do not know who you are but definitely you’re going to a famous blogger if you are not already 😉 Cheers!

Leave a Reply

Your email address will not be published. Required fields are marked *