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

112,916 comments

  1. Penni

    If some one desires to be updated with latest technologies therefore he
    must be go to see this web site and be up to date everyday.

  2. Willis

    If some one wishes to be updated with newest technologies afterward he must be
    pay a quick visit this website and be up to date everyday.

  3. Chris

    I know this if off topic but I’m looking into starting my own blog and was wondering
    what all is needed to get setup? I’m assuming having a blog like yours would cost a pretty penny?
    I’m not very internet savvy so I’m not 100% certain. Any recommendations or advice would be greatly appreciated.
    Kudos

  4. www.seodoon.org

    I am really loving the theme/design of your website.
    Do you ever run into any browser compatibility issues?
    A handful of my blog readers have complained about my blog
    not working correctly in Explorer but looks great in Firefox.
    Do you have any recommendations to help fix this problem?

  5. Brian

    Hey very nice blog!

  6. Rosalyn

    My coder is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the costs.
    But he’s tryiong none the less. I’ve been using WordPress on a variety
    of websites for about a year and am anxious about switching to another platform.

    I have heard very good things about blogengine.net.
    Is there a way I can transfer all my wordpress content into
    it? Any kind of help would be really appreciated!

  7. Ambrose

    Awesome! Its actually remarkable post, I have got much clear idea
    on the topic of from this post.

  8. Juli

    Hey there would you mind stating which blog platform you’re using?

    I’m going to start my own blog soon but I’m having a difficult time deciding between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design and style seems different then most
    blogs and I’m looking for something unique.
    P.S Apologies for being off-topic but I had to ask!

  9. Horacio

    What’s up, after reading this amazing article i am also happy to share my experience here with mates.

  10. best weight loss pill available

    When I originally left a comment I appear to have clicked the -Notify me when new comments are
    added- checkbox and from now on whenever a comment is added I recieve four emails with
    the exact same comment. Perhaps there is a way you are able to remove me from that service?
    Cheers!

  11. Bernard

    Very rapidly this web site will be famous amid all blog visitors, due to it’s nice
    posts

  12. Matthew

    I used to be able to find good info from your content.

  13. how lose weight in legs

    Good day! This post couldn’t be written any better!

    Reading this post reminds me of my good old room mate!
    He always kept chatting about this. I will forward this page to him.
    Fairly certain he will have a good read. Thanks for
    sharing!

  14. Vernita

    Hi, i think that i saw you visited my weblog so i came to
    “return the favor”.I’m trying to find things to enhance my site!I suppose its ok to use a few of your ideas!!

  15. Alfred

    Your way of explaining the whole thing in this post is genuinely fastidious, every one can without difficulty know it,
    Thanks a lot.

  16. Dominick

    I would like to thank you for the efforts you’ve put in writing this website.
    I really hope to see the same high-grade blog posts from you later on as
    well. In fact, your creative writing abilities has
    inspired me to get my own site now 😉

  17. Louanne

    Generally I do not learn article on blogs, however I would like to say that this
    write-up very forced me to take a look at and do so!
    Your writing taste has been surprised me. Thank you, quite great post.

  18. Frederic

    You need to take part in a contest for one of the best sites on the net.
    I most certainly will recommend this website!

  19. Ashley

    Aw, this was an extremely good post. Taking the time and actual effort to make a top notch
    article… but what can I say… I hesitate a lot and don’t seem to get
    anything done.

  20. how lose weight from stomach

    Fascinating blog! Is your theme custom made or did you download it from somewhere?
    A theme like yours with a few simple adjustements would really make my
    blog jump out. Please let me know where you got your
    design. Thanks a lot

  21. https://cakerussia.blog

    Its like you learn my thoughts! You seem to understand a lot about this, such as you wrote the guide in it or something.

    I feel that you could do with some percent to pressure the message home a little
    bit, but other than that, that is fantastic blog.
    An excellent read. I’ll definitely be back.

  22. Van

    certainly like your web site however you have to check the spelling on several of your posts.
    A number of them are rife with spelling problems and I find
    it very bothersome to tell the truth then again I’ll surely come again again.

  23. Hermelinda

    What a material of un-ambiguity and preserveness of precious familiarity
    regarding unexpected emotions.

  24. Sherry

    Hello there! I know this is kinda off topic however I’d figured I’d ask.
    Would you be interested in trading links or maybe guest authoring
    a blog article or vice-versa? My website covers a
    lot of the same subjects as yours and I think we could greatly benefit
    from each other. If you happen to be interested feel free to shoot me an email.
    I look forward to hearing from you! Terrific blog by the way!

  25. Liza

    Heya just wanted to give you a quick heads up and let
    you know a few of the images aren’t loading properly.
    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 outcome.

  26. rokslides.com

    I’m not sure why but this website is loading very 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.

  27. Trey

    I quite like reading through a post that can make people think.
    Also, thanks for allowing for me to comment!

  28. Valencia

    Hello it’s me, I am also visiting this web page on a
    regular basis, this site is in fact good and the users are genuinely sharing fastidious thoughts.

  29. best weight loss pill available

    Everything is very open with a very clear explanation of the challenges.

    It was definitely informative. Your website is very useful.
    Many thanks for sharing!

  30. Larhonda

    Hurrah, that’s what I was exploring for, what a stuff!
    present here at this website, thanks admin of this web site.

Leave a Reply

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