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

  1. vs.kaist.ac.kr

    I get pleasure from, cause I discovered just what
    I was taking a look for. You have ended my 4 day long hunt!
    God Bless you man. Have a great day. Bye

  2. Kazuko

    Why people still make use of to read news papers when in this technological globe all is available on net?

  3. Jeffery

    Hey there! I know this is kinda off topic nevertheless I’d figured I’d ask.
    Would you be interested in trading links or maybe guest authoring a blog post or
    vice-versa? My website discusses a lot of the same topics as yours and I feel we could greatly
    benefit from each other. If you’re interested feel free to send me an email.
    I look forward to hearing from you! Superb blog by the way!

  4. pass a drug test

    Hi there, I enjoy reading all of your post.
    I like to write a little comment to support you.

  5. Beatin.co.kr

    Does your site have a contact page? I’m having a tough
    time locating it but, I’d like to shoot you an e-mail. I’ve got some creative ideas for your blog you might be interested
    in hearing. Either way, great site and I look forward to seeing it improve over time.

  6. Dotnewsbd.Com

    I like the helpful info you provide in your articles. I will bookmark your weblog and check again here regularly.
    I’m quite certain I will learn plenty of new stuff right here!
    Good luck for the next!

  7. Veola

    excellent post, very informative. I’m wondering why the
    opposite specialists of this sector don’t notice this. You must continue your
    writing. I’m confident, you’ve a huge readers’
    base already!

  8. Lon

    Hey There. I found your blog using msn. This is a really well written article.
    I will be sure to bookmark it and return to read more of your useful information. Thanks for the post.
    I will certainly return.

  9. Bettye

    I’m gone to say to my little brother, that he should also go to see this weblog on regular basis to get updated from most up-to-date information.

  10. Adstoob.Cu.Ma

    This is my first time visit at here and i am really pleassant to read all at single place.

  11. http://mel.vn/

    I was recommended this blog by my cousin. I am no longer positive whether this post is written by him
    as nobody else understand such precise approximately my difficulty.
    You’re wonderful! Thank you!

  12. http://www.guiaeventos.es

    You really make it appear really easy with your presentation but I in finding this
    topic to be actually something which I believe I’d never understand.
    It seems too complicated and very huge for me.
    I’m looking forward for your next submit, I’ll try to get the cling of it!

  13. Lorrie

    What you said was actually very logical. But, what about this?
    what if you were to write a awesome headline? I mean, I
    don’t wish to tell you how to run your blog, however what if you
    added a headline that makes people desire more?
    I mean Write in HTML: Basic HTML Concepts – Dryan Christoph Personal Website is
    a little plain. You ought to peek at Yahoo’s front page and watch how they create article titles to grab people to click.
    You might add a video or a related pic or two to grab people interested about what you’ve written. In my opinion,
    it would bring your website a little bit more interesting.

  14. Paulina

    Hi to all, how is the whole thing, I think every one is getting more
    from this site, and your views are nice designed for new people.

  15. Karolyn

    My brother suggested I might like this web site.
    He was totally right. This post actually made my day.
    You cann’t imagine simply how much time I had spent for this information! Thanks!

  16. www.mewtwo.co.uk

    excellent post, very informative. I ponder why the opposite specialists of this sector don’t notice this.
    You must proceed your writing. I’m sure, you’ve a huge readers’ base already!

  17. CBD Oil Safe

    This blog was… how do I say it? Relevant!! Finally I
    have found something that helped me. Appreciate it!

  18. rla.vupinteractive.com

    It’s actually a nice and helpful piece of information. I am glad
    that you simply shared this useful info with us.

    Please keep us informed like this. Thank
    you for sharing.

  19. e-jurnal.pnl.ac.id

    Have you ever considered writing an ebook or guest authoring on other blogs?
    I have a blog centered on the same topics you discuss and would love to
    have you share some stories/information. I know my visitors
    would appreciate your work. If you are even remotely interested, feel free to shoot me an e-mail.

  20. Abbey

    It’s very easy to find out any matter on net as compared to books,
    as I found this paragraph at this website.

  21. www.avaliaconsultoria.com.br

    Hi, There’s no doubt that your blog could be having web browser compatibility issues.

    Whenever I take a look at your website in Safari,
    it looks fine however, when opening in IE,
    it’s got some overlapping issues. I merely wanted to provide you with
    a quick heads up! Apart from that, great website!

  22. Abigail

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

    Do you have any? Kindly let me know so that I may just subscribe.

    Thanks.

  23. Kayla

    These are truly wonderful ideas in regarding blogging. You have touched some good things here.
    Any way keep up wrinting.

  24. inflammation

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

  25. www.greensaharafarms.com

    Good web site you have got here.. It’s difficult to find good quality writing like
    yours these days. I truly appreciate people like you! Take care!!

  26. CBD Oil Safe

    It’s a shame you don’t have a donate button! I’d definitely donate
    to this outstanding blog! I suppose for now i’ll settle
    for bookmarking and adding your RSS feed to my
    Google account. I look forward to brand new updates and will talk about this site with
    my Facebook group. Chat soon!

Leave a Reply

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