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

81,764 comments

  1. Eloisa

    I’m really impressed together with your writing abilities as neatly as with the format on your blog.
    Is that this a paid theme or did you modify it your self?
    Anyway keep up the excellent quality writing, it’s rare to see a great weblog like this one these
    days..

  2. Sam

    Howdy! I know this is sort of off-topic however I needed
    to ask. Does running a well-established website such as yours require a
    lot of work? I am completely new to operating a blog however I do write
    in my journal daily. I’d like to start a blog so
    I can easily share my experience and feelings online.
    Please let me know if you have any recommendations or tips for brand new aspiring blog owners.
    Appreciate it!

  3. Timothy

    I like what you guys are usually up too. This sort of clever work and
    exposure! Keep up the great works guys I’ve added
    you guys to blogroll.

  4. Darrin

    Just want to say your article is as surprising. The clarity in your post is just spectacular and i can assume you are an expert on this subject.
    Fine with your permission allow me to grab your RSS feed to keep updated with forthcoming post.

    Thanks a million and please keep up the gratifying work.

  5. Chadwick

    Hello to all, how is everything, I think every one is getting
    more from this website, and your views are fastidious in favor of new users.

  6. Madeline

    Hey! I just wanted to ask if you ever have any problems with hackers?
    My last blog (wordpress) was hacked and I
    ended up losing a few months of hard work due to no backup.
    Do you have any methods to prevent hackers?

  7. Layne

    I all the time used to study post in news papers but now as I am a user of net so from now I am using
    net for content, thanks to web.

  8. Rochelle

    I every time spent my half an hour to read this webpage’s
    content all the time along with a mug of coffee.

  9. Lavada

    This site really has all of the information and
    facts I wanted concerning this subject and didn’t
    know who to ask.

  10. jefftech.org

    What’s up to all, how is everything, I think every one is getting more from this web page, and
    your views are nice in favor of new people.

  11. Sanford

    you are truly a excellent webmaster. The website loading speed
    is amazing. It kind of feels that you’re doing any unique trick.
    Furthermore, The contents are masterpiece.
    you’ve done a magnificent task in this topic!

  12. predit.ru

    We’re a bunch of volunteers and starting a brand new scheme in our community.
    Your site provided us with useful information to work
    on. You’ve performed a formidable task and our entire neighborhood will be thankful to
    you.

  13. biznesmarket.by

    It is in reality a nice and helpful piece of information. I am happy
    that you just shared this useful info with us.
    Please stay us informed like this. Thanks for sharing.

  14. best weight loss pills for men

    I’ve been exploring for a little bit for any high quality articles or
    weblog posts on this kind of area . Exploring in Yahoo I finally stumbled upon this site.
    Reading this information So i am satisfied to convey that I have an incredibly excellent uncanny
    feeling I found out just what I needed. I so much definitely will make sure to do not
    disregard this site and provides it a glance on a continuing basis.

  15. best fat burner for men

    Hi everybody, here every person is sharing these experience, thus it’s pleasant to
    read this webpage, and I used to visit this blog
    all the time.

  16. http://rukorma.ru

    Do you mind if I quote a couple of your articles as long
    as I provide credit and sources back to your weblog?

    My blog site is in the exact same area of interest as yours and my visitors would certainly benefit from a lot of the information you provide here.
    Please let me know if this alright with you. Appreciate it!

  17. Riley

    Hi there, i read your blog from time to time and i own a similar one and i was just curious if you
    get a lot of spam remarks? If so how do you protect against it, any plugin or anything you can suggest?
    I get so much lately it’s driving me insane
    so any assistance is very much appreciated.

  18. Julieta

    Hey! I understand this is kind of off-topic however I needed
    to ask. Does managing a well-established blog such as yours take a lot
    of work? I am completely new to writing a blog but I do
    write in my diary every day. I’d like to start a blog so
    I can easily share my experience and feelings online.
    Please let me know if you have any suggestions or tips for new aspiring blog owners.

    Appreciate it!

  19. Curtis

    Excellent web site. A lot of useful information here.
    I’m sending it to a few buddies ans also sharing in delicious.
    And of course, thanks on your effort!

  20. Gabriel

    Excellent post. I was checking continuously
    this blog and I am impressed! Very helpful info specially the last part 🙂 I care for such information much.
    I was seeking this certain information for a very long time.
    Thank you and best of luck.

  21. Katherin

    Hello there I am so grateful I found your blog,
    I really found you by mistake, while I was browsing on Askjeeve for something else, Anyways
    I am here now and would just like to say thank you for a tremendous post and a all round enjoyable blog (I also love the theme/design), I don’t have time to go through it all at the moment but I have
    bookmarked it and also included your RSS feeds, so when I have time
    I will be back to read a great deal more, Please do
    keep up the fantastic jo.

  22. Tyson

    It’s a pity you don’t have a donate button! I’d certainly
    donate to this fantastic blog! I guess for now i’ll settle for book-marking and adding
    your RSS feed to my Google account. I look forward to
    fresh updates and will talk about this site with my Facebook group.
    Chat soon!

  23. Kandice

    Hello, i think that i noticed you visited my web site thus i got here to return the favor?.I am attempting
    to to find issues to enhance my website!I assume its ok to make use of some of your ideas!!

  24. MetaboFix side effects

    Good day! 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. Pretty sure he will have a good read.
    Thank you for sharing!

  25. Clyde

    Wow that was unusual. I just wrote an incredibly long comment
    but after I clicked submit my comment didn’t
    show up. Grrrr… well I’m not writing all that
    over again. Anyways, just wanted to say great blog!

  26. best fat burner for women

    Wow, marvelous weblog format! How lengthy have you been running a blog for?
    you make blogging look easy. The total look
    of your website is great, as neatly as the content!

  27. https://www.sashroyi.com

    I was wondering if you ever thought of changing the page layout of your site?
    Its very well written; I love what youve got to say. But maybe you could a
    little more in the way of content so people could connect with it better.

    Youve got an awful lot of text for only having 1 or two pictures.
    Maybe you could space it out better?

  28. Horace

    Howdy! I simply wish to offer you a big thumbs up for the excellent info
    you’ve got here on this post. I am coming back to your web site for more
    soon.

Leave a Reply

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