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

    I got this website from my pal who told me concerning this
    web page and at the moment this time I am visiting this site and reading very informative content here.

  2. Ivy

    Thanks for sharing your thoughts on Joy Organics CBD Oil.
    Regards

  3. mood disorders (depression)

    I got this site from my friend who informed me concerning this website and at the moment this time I am browsing this site and reading very informative articles or reviews at this place.

  4. spinal injuries

    Hi there, yes this article is actually nice and I have learned lot
    of things from it on the topic of blogging. thanks.

  5. CBDFx

    Now I am going to do my breakfast, after having my breakfast coming over again to read
    additional news.

  6. Essie

    I every time spent my half an hour to read this weblog’s posts everyday along
    with a cup of coffee.

  7. Brent

    Touche. Sound arguments. Keep up the good effort.

  8. types of CBD

    This info is priceless. How can I find out more?

  9. Bea

    I was suggested this web site by means of my cousin.
    I’m no longer positive whether this post is written by means of
    him as nobody else recognise such certain approximately my difficulty.

    You’re wonderful! Thank you!

  10. Pauline

    Today, I went to the beach front with my kids.
    I found a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.”
    She placed the shell to her ear and screamed.
    There was a hermit crab inside and it pinched her ear. She never
    wants to go back! LoL I know this is totally off topic but I had to tell someone!

  11. Nelson

    Very great post. I simply stumbled upon your weblog and wished to
    mention that I have really loved surfing around your weblog posts.

    In any case I’ll be subscribing in your feed and
    I am hoping you write again soon!

  12. Http://new.dum-magnit.ru/

    What i don’t understood is in fact how you are not actually a lot more neatly-appreciated than you may be now.
    You’re so intelligent. You already know thus considerably in relation to this matter,
    made me in my opinion believe it from a lot of various angles.
    Its like women and men aren’t involved until it’s something to do with Woman gaga!
    Your individual stuffs nice. All the time handle it up!

  13. Rya Organics

    If some one desires expert view concerning blogging after that i recommend him/her
    to visit this webpage, Keep up the pleasant job.

  14. Leroy

    Hi, Neat post. There’s an issue with your web site in internet
    explorer, could check this? IE nonetheless is the market leader and a huge component
    to other people will leave out your excellent writing because of this problem.

  15. Marsha

    I was wondering if you ever considered changing the
    structure of your blog? 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?

  16. lvfk.lv

    I am now not sure where you are getting your information,
    but great topic. I must spend a while learning much
    more or understanding more. Thank you for excellent information I was in search of
    this info for my mission.

  17. Aspen Green

    There’s definately a lot to find out about this issue.

    I really like all of the points you’ve made.

  18. multiple sclerosis

    Hi there I am so delighted I found your blog, I really found you by
    mistake, while I was browsing on Aol for something else, Anyhow I am here now and would
    just like to say many thanks for a remarkable post and a all round exciting blog (I also love the theme/design), I don’t have time
    to read it all at the moment but I have bookmarked it and also added your RSS
    feeds, so when I have time I will be back to read more, Please do keep up the fantastic b.

  19. www.secondhandmall.com

    I visited multiple websites but the audio quality for
    audio songs existing at this web page is truly wonderful.

  20. Kayla

    My coder is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the expenses.
    But he’s tryiong none the less. I’ve been using WordPress on several websites for about a year and
    am concerned about switching to another platform. I have
    heard excellent things about blogengine.net. Is there
    a way I can transfer all my wordpress posts into it?
    Any help would be greatly appreciated!

  21. Fern

    Thank you for the auspicious writeup. It in fact was a amusement account it.
    Look advanced to more added agreeable from you! By the way, how can we communicate?

  22. chronic pain disorders

    If you would like to improve your experience just keep
    visiting this website and be updated with the most
    recent news update posted here.

  23. cbd oil 2021

    Please let me know if you’re looking for a writer
    for your blog. You have some really great articles and I believe I would be a good asset.
    If you ever want to take some of the load off, I’d love to write some content for your blog in exchange for a link back
    to mine. Please blast me an email if interested. Thank you!

  24. Kaitlyn

    I must thank you for the efforts you’ve put in writing this website.
    I’m hoping to see the same high-grade content by you in the future as well.
    In fact, your creative writing abilities has encouraged me to get my very own blog now 😉

  25. www.petads.com.au

    I believe this is among the most vital info
    for me. And i’m happy reading your article. However want to remark on few normal issues, The web site taste
    is perfect, the articles is in reality nice : D.
    Excellent task, cheers

  26. cbd oil/hemp oil

    Your style is unique in comparison to other folks I have read stuff from.

    Thank you for posting when you have the opportunity, Guess I’ll
    just book mark this web site.

  27. a-dvizhenie.ru

    Hello There. I found your blog the use of msn. That is a very well written article.
    I will make sure to bookmark it and return to learn extra of your helpful information. Thanks for the
    post. I’ll definitely comeback.

  28. spinal injuries

    Marvelous, what a web site it is! This website gives useful information to us,
    keep it up.

  29. Tandy

    Yes! Finally something about types of CBD.

Leave a Reply

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