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.)

125,967 comments

  1. Matthias

    Howdy! This is my first visit to your blog!
    We are a collection of volunteers and starting a
    new project in a community in the same niche.
    Your blog provided us valuable information to work on. You have done a marvellous job!

  2. Katrin

    Howdy just wanted to give you a quick heads up. The text in your content seem to be
    running off the screen in Internet explorer. I’m not sure if this is a format issue
    or something to do with browser compatibility but I figured I’d post
    to let you know. The style and design look great though!

    Hope you get the issue resolved soon. Kudos

  3. http://172.243.235.225/

    I take pleasure in, cause I found just what I used to be taking a look for.
    You’ve ended my 4 day long hunt! God Bless you man.
    Have a great day. Bye

  4. Kala

    Hey just wanted to give you a brief heads up and
    let you know a few of the pictures aren’t loading correctly.
    I’m not sure why but I think its a linking issue. I’ve
    tried it in two different internet browsers and both show the same results.

  5. Carmelo

    Hi i am kavin, its my first occasion to commenting anyplace, when i read this piece of writing i thought i could
    also create comment due to this brilliant post.

  6. Sabrina

    I always spent my half an hour to read this weblog’s posts
    everyday along with a cup of coffee.

  7. stargate.systems

    I need to to thank you for this excellent read!! I definitely loved every bit of it.
    I have you book marked to check out new stuff you post…

  8. Nathaniel

    After going over a number of the blog posts on your web site, I truly like your way of writing a blog.
    I saved as a favorite it to my bookmark site list and will be checking back soon. Please visit my website
    too and tell me your opinion.

  9. java burn google reviews

    Aw, this was an exceptionally nice post. Finding the time and actual
    effort to generate a great article… but what can I say… I put
    things off a lot and never manage to get anything done.

  10. Zack

    Its like you read my mind! You appear to know so much about
    this, like you wrote the book in it or something.

    I think that you can do with some pics to drive the message
    home a bit, but other than that, this is magnificent blog.
    A great read. I’ll certainly be back.

  11. java burn greece

    Excellent blog here! Also your web site loads up fast!
    What web host are you using? Can I get your affiliate link to
    your host? I wish my web site loaded up as quickly as yours
    lol

  12. java burn coffee price

    Hi there, I desire to subscribe for this webpage to obtain latest updates, therefore where can i do
    it please assist.

  13. Jesus

    Spot on with this write-up, I absolutely believe this amazing site needs a lot more attention. I’ll
    probably be returning to see more, thanks for
    the advice!

  14. Opal

    Hello, Neat post. There’s an issue along with your web site in internet explorer, might check this?
    IE nonetheless is the market chief and a big part of other people will
    leave out your excellent writing because of this problem.

  15. Java burn coffee price

    I will immediately snatch your rss as I can not in finding your e-mail subscription link or newsletter service.

    Do you have any? Kindly permit me realize so that I may
    subscribe. Thanks.

  16. Willis

    Hi i am kavin, its my first occasion to commenting anyplace,
    when i read this paragraph i thought i could also make comment due
    to this sensible paragraph.

  17. http://kusvitto.com

    I have been browsing online more than 4 hours today,
    yet I never found any interesting article like yours.
    It is pretty worth enough for me. Personally, if all site owners and bloggers made good content as you
    did, the web will be a lot more useful than ever before.

  18. Muoi

    Thanks for the auspicious writeup. It if truth be
    told was once a entertainment account it. Look advanced to far added agreeable
    from you! However, how can we communicate?

  19. http://test4.event-today.ru

    Nice post. I learn something new and challenging
    on blogs I stumbleupon everyday. It’s always
    useful to read content from other authors and practice a little something from their websites.

  20. java burn Customer service

    I’m curious to find out what blog system you have been working with?
    I’m experiencing some minor security issues with my latest website and I would like to find something more safe.
    Do you have any suggestions?

  21. Kiera

    Heya i’m for the first time here. I came across this board and I find It really useful &
    it helped me out much. I hope to give something back and aid others like
    you aided me.

  22. Lakeisha

    I think the admin of this site is really working hard
    in favor of his site, for the reason that here every material is quality
    based material.

  23. https://www.sitelord.com/apidexin-fat-burner-7

    Usually I don’t learn post on blogs, but I would
    like to say that this write-up very compelled me to take
    a look at and do so! Your writing taste has been amazed me.
    Thank you, quite great article.

  24. http://ds29.centerstart.ru/

    Hi there just wanted to give you a quick heads up and let
    you know a few of the pictures aren’t loading correctly.
    I’m not sure why but I think its a linking issue.
    I’ve tried it in two different browsers and both show the
    same results.

  25. Teodoro

    Great article! We are linking to this great content on our site.
    Keep up the good writing.

  26. Roslyn

    I just could not go away your website before suggesting that I
    actually loved the standard info a person supply in your guests?
    Is going to be again ceaselessly in order to inspect new
    posts

Leave a Reply

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