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,775 comments

  1. Tatiana

    Normally I do not learn post on blogs, however I would like to say that
    this write-up very compelled me to try and do it!

    Your writing style has been amazed me. Thank you, very nice post.

  2. is Revitaa Pro safe

    What’s up it’s me, I am also visiting this web site on a regular
    basis, this web site is in fact pleasant and the viewers are in fact sharing fastidious
    thoughts.

  3. Gina

    Peculiar article, just what I was looking for.

  4. Preston

    If you wish for to increase your knowledge only
    keep visiting this web site and be updated with the latest news posted here.

  5. King

    Because the admin of this web site is working, no doubt very rapidly it will be renowned, due to its quality contents.

  6. Arlen

    Hi, I do think this is an excellent site. I stumbledupon it 😉 I will come back once again since i have book-marked
    it. Money and freedom is the greatest way to change, may you be
    rich and continue to help other people.

  7. Monte

    I’m not that much of a internet reader to be honest but your
    blogs really nice, keep it up! I’ll go ahead and bookmark your website to come back down the road.
    All the best

  8. Chastity

    This piece of writing is truly a nice one it helps new the web
    visitors, who are wishing for blogging.

  9. Ktechus.com

    Superb website you have here but I was curious if
    you knew of any message boards that cover the same topics talked about here?
    I’d really love to be a part of community where I can get responses from other experienced people
    that share the same interest. If you have any suggestions,
    please let me know. Thanks!

  10. Arctic air pure chill battery powered

    Awesome site you have here but I was wanting to know if you knew of any community forums that
    cover the same topics talked about here? I’d really love to be a part of online community where I can get advice from other knowledgeable people that
    share the same interest. If you have any suggestions, please let me know.
    Thanks!

  11. dev.wiki.synshop.org

    Hello are using WordPress for your blog platform?

    I’m new to the blog world but I’m trying to get started
    and set up my own. Do you need any coding expertise to make your own blog?
    Any help would be really appreciated!

  12. Kandi

    Hi there, I found your web site by means of Google at the same time as searching for a
    comparable subject, your site came up, it seems good.
    I’ve bookmarked it in my google bookmarks.
    Hello there, simply became alert to your blog via Google, and found that it is really informative.
    I’m going to watch out for brussels. I’ll appreciate if you happen to proceed this
    in future. A lot of people will likely be benefited from your writing.
    Cheers!

  13. Margarette

    I will right away grasp your rss as I can’t to find your e-mail
    subscription hyperlink or e-newsletter service. Do you’ve any?
    Please let me recognize in order that I may
    subscribe. Thanks.

  14. Louella

    I am no longer positive where you’re getting your info, but great
    topic. I needs to spend a while studying much more or working out more.
    Thank you for fantastic info I used to be on the lookout for this
    info for my mission.

  15. Quinton

    What i don’t realize is actually how you’re now not actually much more smartly-preferred than you
    may be right now. You’re so intelligent. You know thus significantly
    in relation to this topic, made me in my opinion believe
    it from so many numerous angles. Its like men and women don’t seem to
    be involved until it’s one thing to accomplish with Woman gaga!

    Your personal stuffs great. All the time handle it up!

  16. Sarah

    hey there and thank you for your info – I’ve certainly picked
    up anything new from right here. I did however expertise some technical issues using
    this website, as I experienced to reload the website
    lots of times previous to I could get it to load correctly.
    I had been wondering if your hosting is OK? Not that I’m complaining, but sluggish loading instances times will often affect your placement in google and
    could damage your high quality score if advertising and marketing with Adwords.
    Anyway I’m adding this RSS to my e-mail and can look
    out for a lot more of your respective intriguing content.

    Make sure you update this again very soon.

  17. Erik

    whoah this weblog is fantastic i love reading your posts.

    Keep up the great work! You already know, a lot of people are
    searching around for this info, you can aid them greatly.

  18. service.mobile.radiofann.com

    I think the admin of this web page is in fact working hard
    for his web site, as here every information is quality based material.

  19. Lori

    What’s Taking place i am new to this, I stumbled upon this I’ve found It positively helpful and it has helped
    me out loads. I am hoping to give a contribution & assist different customers like
    its aided me. Great job.

  20. https://www.x-fta.com/

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

  21. Peggy

    Greate post. Keep writing such kind of information on your blog.
    Im really impressed by your site.
    Hi there, You’ve performed an incredible job. I’ll definitely digg it and in my opinion suggest to my friends.
    I am sure they’ll be benefited from this web site.

  22. Http://Www.Forensicscommunity.Com/

    Greetings! Very helpful advice in this particular article!
    It is the little changes that will make the most
    significant changes. Thanks a lot for sharing!

  23. rukorma.ru

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

  24. Jefferson

    Just want to say your article is as amazing. The clearness
    on your put up is simply great and i could
    suppose you are a professional on this subject.

    Fine along with your permission allow me to take hold of your RSS feed to keep updated with drawing close
    post. Thank you one million and please keep up
    the enjoyable work.

  25. Lean Belly 3X

    wonderful submit, very informative. I wonder why the other experts of this sector don’t notice this.
    You must proceed your writing. I’m sure, you have a huge readers’ base
    already!

  26. best weight loss pills on amazon

    I’m amazed, I must say. Rarely do I encounter
    a blog that’s both educative and entertaining, and let
    me tell you, you’ve hit the nail on the head. The issue is something which too few men and women are speaking intelligently about.

    I’m very happy that I found this during my hunt for something regarding this.

  27. Dewitt

    Hey There. I found your weblog the usage of msn. That
    is a very smartly written article. I’ll make sure to bookmark it and return to read more of
    your helpful info. Thanks for the post. I’ll certainly return.

  28. Dieter

    Good day! This is kind of off topic but I need some advice from an established blog.
    Is it hard to set up your own blog? I’m not very techincal but I can figure things out
    pretty quick. I’m thinking about creating my own but I’m
    not sure where to start. Do you have any points or suggestions?
    Thanks

Leave a Reply

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