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. justmeans.com

    Your style is so unique in comparison to other people I have read stuff from.
    Thanks for posting when you’ve got the opportunity,
    Guess I will just bookmark this page.

  2. Dennis

    Hi, after reading this awesome piece of writing i am as well happy to share my know-how here with mates.

  3. Nola

    you’re in reality a just right webmaster.
    The web site loading speed is amazing. It seems that you are doing any
    distinctive trick. In addition, The contents are
    masterwork. you’ve done a magnificent process in this matter!

  4. Anitra

    Very nice post. I just stumbled upon your blog and wished to say that I’ve really enjoyed browsing your blog posts.
    In any case I’ll be subscribing to your rss feed and I hope you write
    again very soon!

  5. thetrekmemes.com

    I truly love your site.. Very nice colors & theme.

    Did you make this site yourself? Please reply back as I’m attempting to create my
    own site and would like to find out where you got this from or just what the theme is called.
    Cheers!

  6. Dinah

    I’ve been browsing on-line more than 3 hours nowadays, yet I
    never found any fascinating article like yours.
    It’s lovely value sufficient for me. In my opinion, if all website owners and bloggers
    made good content as you probably did, the web will likely be much more
    helpful than ever before.

  7. http://test4.event-today.ru

    It is not my first time to go to see this site, i am browsing this web page dailly and take
    good facts from here every day.

  8. Aubrey

    Good post. I learn something totally new and challenging on sites I stumbleupon every day.

    It’s always interesting to read through content from other authors and practice a little something
    from their websites.

  9. Russel

    Thank you for the good writeup. It actually used to be a entertainment account it.
    Look complex to far added agreeable from you! By the way, how can we
    communicate?

  10. Georgia

    This paragraph is truly a pleasant one it helps new the web visitors, who are
    wishing for blogging.

  11. Ruthie

    An impressive share! I have just forwarded this onto a coworker who had been doing a little research
    on this. And he in fact bought me lunch simply because I discovered it
    for him… lol. So let me reword this…. Thank YOU for the meal!!

    But yeah, thanx for spending the time to discuss this subject here on your web site.

  12. Bonita

    With havin so much content do you ever run into any issues
    of plagorism or copyright infringement? My website has
    a lot of completely unique content I’ve either created myself or outsourced but it
    looks like a lot of it is popping it up all over the internet without
    my authorization. Do you know any techniques to help
    protect against content from being ripped off? I’d really appreciate it.

  13. dairymgt.info

    Hello colleagues, pleasant article and good urging commented
    at this place, I am truly enjoying by these.

  14. Thelma

    I love what you guys are usually up too. This type of clever work and exposure!
    Keep up the excellent works guys I’ve added you guys to my blogroll.

  15. Caroline

    Thanks , I’ve just been looking for information approximately this topic for a long time
    and yours is the greatest I’ve came upon so far. But, what in regards to the bottom line?
    Are you sure in regards to the supply?

  16. java burn coffee price

    Link exchange is nothing else but it is simply placing the other person’s web
    site link on your page at appropriate place and other person will also do same in favor
    of you.

  17. www.bidlob.com

    Hmm it appears like your site ate my first comment (it was
    super long) so I guess I’ll just sum it up what I submitted and say, I’m thoroughly enjoying your blog.
    I as well am an aspiring blog writer but I’m still new
    to everything. Do you have any helpful hints for inexperienced
    blog writers? I’d genuinely appreciate it.

  18. exipure bbb reviews

    You actually make it seem so easy with your presentation but I find
    this matter to be actually something which I think I would
    never understand. It seems too complex and extremely broad
    for me. I’m looking forward for your next post, I’ll try to
    get the hang of it!

  19. Chiquita

    Usually I don’t read article on blogs, however I would like to say that this
    write-up very compelled me to check out and do so! Your writing taste has been surprised
    me. Thanks, very great post.

  20. Elissa

    I just could not leave your website prior to suggesting that I really enjoyed the standard information a person provide in your visitors?
    Is gonna be back regularly to inspect new posts

  21. Gladis

    Thanks to my father who informed me concerning this webpage, this weblog is actually awesome.

  22. Maybelle

    I have been browsing online more than 4 hours today, yet I never found any interesting article like yours.
    It is pretty worth enough for me. In my opinion,
    if all webmasters and bloggers made good content as you
    did, the web will be much more useful than ever before.

  23. java burn contact number

    An outstanding share! I have just forwarded this onto a coworker who had been doing a little homework on this.
    And he in fact ordered me dinner simply because I stumbled upon it for him…

    lol. So allow me to reword this…. Thanks for the meal!!
    But yeah, thanx for spending time to discuss this subject here on your web page.

  24. Marion

    At this time I am going to do my breakfast, once
    having my breakfast coming over again to read more news.

  25. Suzette

    Pretty nice post. I simply stumbled upon your blog and wished to mention that
    I’ve truly enjoyed browsing your blog posts.
    After all I will be subscribing for your rss feed and I’m hoping you write
    once more very soon!

  26. Cinda

    Since the admin of this site is working, no hesitation very shortly it will be famous, due to its feature
    contents.

  27. Cameron

    Everything is very open with a precise clarification of
    the challenges. It was truly informative. Your website is very useful.
    Many thanks for sharing!

  28. Mario

    Howdy this is somewhat of off topic but I was wondering if blogs use WYSIWYG editors
    or if you have to manually code with HTML. I’m starting a blog soon but have
    no coding skills so I wanted to get advice from someone with experience.
    Any help would be enormously appreciated!

Leave a Reply

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