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

    For latest news you have to pay a visit world-wide-web and on internet I
    found this website as a most excellent web site for most recent updates.

  2. Theron

    Good way of explaining, and nice paragraph to take information on the topic of my presentation topic, which i am going to present in college.

  3. Kit

    I am truly thankful to the holder of this web site
    who has shared this fantastic article at here.

  4. mspfrance.co

    Wonderful article! This is the type of info that are meant to be shared around the internet.
    Shame on Google for no longer positioning this submit upper!
    Come on over and consult with my site . Thanks =)

  5. Layla

    Excellent beat ! I wish to apprentice while you amend your website, how
    could i subscribe for a blog web site? The account aided me a acceptable deal.
    I had been tiny bit acquainted of this your broadcast provided bright clear concept

  6. arabhelp.org

    Hello, the whole thing is going perfectly here and ofcourse every one is sharing facts, that’s genuinely fine,
    keep up writing.

  7. Constance

    Hello! 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 extraordinary job!

  8. Naomi

    Hey I am so glad I found your site, I really found you by accident, while I was researching on Askjeeve for
    something else, Anyways I am here now and would just like to say thank
    you for a marvelous 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 minute but I have saved it and also added your RSS feeds, so when I have time I will be back to read a lot
    more, Please do keep up the superb b.

  9. java burn equivalent

    We are a group of volunteers and opening a new scheme in our
    community. Your web site offered us with valuable info to work on. You’ve
    done a formidable job and our whole community will be grateful to you.

  10. Janine

    Greate post. Keep posting such kind of info on your site.
    Im really impressed by it.
    Hi there, You have performed a great job. I will definitely digg it and individually
    recommend to my friends. I am confident they’ll be benefited
    from this site.

  11. Ulrike

    Wow, this paragraph is fastidious, my younger sister is
    analyzing these things, so I am going to inform her.

  12. Glory

    It’s awesome to pay a visit this web site and reading the views of all
    colleagues regarding this piece of writing, while I am also
    zealous of getting experience.

  13. www.bigcyprus.com.cy

    Good response in return of this query with real arguments and
    describing all concerning that.

  14. Reginald

    We are a gaggle of volunteers and starting a new scheme in our
    community. Your website provided us with useful
    info to work on. You have performed an impressive task and our entire neighborhood might
    be thankful to you.

  15. ttktptqd.lamdong.Gov.Vn

    Hey I know this is off topic but I was wondering if you knew
    of any widgets I could add to my blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some
    time and was hoping maybe you would have some experience with
    something like this. Please let me know if you run into anything.
    I truly enjoy reading your blog and I look forward to your new updates.

  16. notados.com

    Very descriptive blog, I loved that a lot. Will there be a part
    2?

  17. Elke

    Its like you learn my mind! You appear to grasp so much approximately this, like you wrote the e book in it or something.
    I think that you simply can do with some % to pressure the message home a bit, however instead of that,
    this is great blog. An excellent read. I’ll certainly be back.

  18. Lina

    I know this web site offers quality based content and additional stuff, is there any other
    web site which gives these information in quality?

  19. Denny

    For most recent information you have to pay a visit world wide web
    and on internet I found this web page as a best
    web site for most up-to-date updates.

  20. java burn better business bureau

    Hi there, just became alert to your blog through Google, and found
    that it is truly informative. I am going to watch out for brussels.
    I’ll appreciate if you continue this in future. A lot
    of people will be benefited from your writing. Cheers!

  21. java burn amazon

    I every time emailed this website post page to all my contacts, as if like to read it afterward my friends will too.

  22. Arlie

    Hey there! I know this is kinda off topic but I’d figured I’d ask.
    Would you be interested in trading links or maybe guest writing a blog post or vice-versa?
    My website goes over a lot of the same topics as yours and I think we could greatly benefit
    from each other. If you’re interested feel free to shoot me an email.

    I look forward to hearing from you! Fantastic blog by
    the way!

  23. Max

    First of all I would like to say superb blog! I had
    a quick question that I’d like to ask if you do not mind. I
    was interested to find out how you center yourself and clear your mind before writing.
    I have had trouble clearing my thoughts in getting my thoughts out.
    I truly do enjoy writing but it just seems like
    the first 10 to 15 minutes are generally wasted simply just trying to figure out how to begin. Any recommendations or hints?

    Many thanks!

  24. Meri

    I was suggested this website through my cousin. I’m
    no longer certain whether or not this post is written by way of him
    as no one else realize such precise approximately my trouble.
    You are wonderful! Thanks!

  25. Sherlene

    I think everything posted was actually very logical.
    However, what about this? suppose you added a little content?
    I am not saying your content is not solid, but suppose you added a post
    title that makes people desire more? I mean Write in HTML:
    Basic HTML Concepts – Dryan Christoph Personal Website is a little vanilla.
    You might look at Yahoo’s home page and see how they create news headlines to get people to open the links.

    You might add a related video or a pic or two to get people excited about everything’ve written. In my opinion, it
    might bring your posts a little livelier.

  26. java burn australia

    These are actually great ideas in concerning blogging.
    You have touched some nice points here. Any way keep
    up wrinting.

  27. java Burn Better business bureau

    My brother recommended I may like this web site.
    He was totally right. This submit truly made my day.
    You cann’t imagine just how a lot time I had spent for
    this info! Thank you!

  28. Tory

    Magnificent beat ! I wish to apprentice even as you amend your site, how can i subscribe for a blog
    site? The account aided me a applicable deal. I were a little bit acquainted of this your broadcast provided vibrant transparent concept

Leave a Reply

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