Skip to main content

Posts

Showing posts with the label HTML Tutorial

Understanding HTML Colors

A single blog post can never provide you the sufficient knowledge on HTML colors. Thousands of words could be written about colors. But today, I'm just gonna share my little knowledge about HTML colors .  All of you are familiar with the basic colors - Red, Green & Blue. In brief, this is known as RGB. What you see in the screen is nothing but the combination of these three colors. I mean Red, Green and Blue.  There are 16 Million Different Colors! The combination of Red, Green and Blue can produce more than 16 million colors! Each color has a value from 0 to 255. Couple of years ago I heard that human eyes can detect almost 17000 colors. And most of the modern monitors are capable of displaying more than 16000 colors.  Color Names Supported by the Web Browsers There are 140 color names defined by the HTML and CSS color specification which are supported by almost all web browsers. But only 17 of them are considered as standard colors. These ...

HTML Tutorial 7: Creating HTML List

Hello Guys! This is my tutorial number 7 on HTML. If you would like to read the previous 6 tutorials then please use the search box above, type HTML and get the HTML tutorials list.  Today I will discuss about a simple topic of HTML. Really this is as simple as I say! :) Okay let's start. Practice Rules Practice rules are as usual. Use notepad and a web browser. Save the file with .htm or .html extension.  HTML List: Ordered and Unordered There are mainly two types of lists can be created by HTML code. The first one is ordered list and the other is unordered list.  Ordered List: In an ordered list, the list items are marked by numbers. This exactly looks like a numbered list created by Microsoft Word or other text editing programs.  An ordered list starts with <ol> tag and ends with </ol> tag. Each item of the list starts with <li> tag and ends with </li> tag. Look at the code bel...

HTML Tutorial 6: Basic Elements of An HTML Form (Part 2)

In my previous post, I discussed about HTML form (Part 1) . Same topic will be continued today and this is the Part 2 . In part 1 you've learned creating Text Fields, Password Field, Radio Buttons and Checkboxes. In this post you will learn how to create Submit Button and Drop Down Menu.  You should open Notepad from your PC to practice this lesson. Then save the html code with .htm or .html extension and then open the saved file with a browser to see the result. Let's begin:  Drop Down Menu: Let me begin with creating a drop down menu. This is very interesting as well as easy to create!  Which one is your Favorite Cell Phone Brand?  <select>       <option>Nokia <option>Samsung <option>iPhone <option>BlackBerry  <option>Others </select> You must begin with the <select> tag and end with </select tag>. And every option of the list sho...

HTML Tutorial 5: Basic Elements on An HTML Form (Part 1)

Few months ago, I started writing about HTML. There are already 4 tutorials published on HTML. I know this is not sufficient for an HTML learner. Because learning HTML requires much resources and practice. However I will try to write about HTML whenever I'm able to manage time.  You can also read the previously published HTML Tutorial: Tutorial 1 Tutorial 2 Tutorial 3 Tutorial 4 Today's HTML tutorial is very easy, funny and useful. Today I will discuss about the basic elements of an HTML form . This is the part 1 that includes Text Fields, Password Field, Radio Buttons & Checkboxes.  How to Start:  You can practice using notepad. Press Start + R > Type Notepad > Enter . Now copy or type the code from here. And save them as form.htm or use any other name. But the name should end with either .htm or .html. Then open the file in a browser.  Let's begin -  Usually an HTML form contain...

HTML Tutorial 4: Tags Without Ends

After a long break I am gonna write another tutorial on HTML. This will be the number 4 tutorial of HTML. Today I would like to share some tags which don't have any endings! I mean you can just start these tags but they have no corresponding end tags.  You might be interested to read the previously published HTML tutorial. These are as below:  HTML Tutorial 1: Simple HTML Document (Example) HTML Tutorial 2: Basic Parts of an HTML Document HTML Tutorial 3: Most Common Tags in HTML Documents Now I can proceed to the Tutorial 4: HTML Tags with No Ends. Have a look at the image below.  The above image doesn't include all the tags that have no ends. See the complete list below:  <area>  <base>  <basefont> <br>  <col>  <frame>  <hr>  <img>  <input>  <isindex>  <link>  <meta>  <para...

HTML Tutorial 3: Most Common Tags Used in HTML Documents

I'm sorry for the delay to publish new posts but something was wrong with my PC. That's   why I was in trouble with this and not able to write something new. Well I'd like to continue the HTML tutorial.  In this post I will discuss about some tags which are very common in preparing HTML documents . But before you go, don't forget to look at the following posts if you haven't already gone through: Creating a Simple HTML Document Basic Parts of an HTML Document Let's talk about the most common tags of HTML documents. You should also have a close look at our example document . Some of these tags are also used in that document. I think this will be helpful for you.  Structural Tags:   <html>, <head>, and <body> are the main structural tags of any HTML document. Each and every HTML document must contain these tags. Title   tag - <title> is also very important for an html document. Besides there are...

HTML Tutorial 2: Basic Parts of HTML Document

In my previous post, I started writing about HTML. As it was the first tutorial of HTML, I just showed you the example of an HTML document without giving detailed information of that document.  In this post, I'm gonna discuss about the essential parts of an HTML document. Essential parts mean those parts which are very common for each and every HTML document. I mean the HTML tag, the Header, the Title and the Body.  Before you start, please have a look at the HTML Tutorial 1 if you haven't go through this already.  After reading the tutorial 1 look at the image below: Here you can see all the four parts that I used in the example document . Let's what are they actually: The HTML Tag: <html> Every HTML or XHTML document start with <html> tag and ends with </html> tag. Even if you right click on this page and hit on view source/ view page source option you will see the html of this post. At the top you...