Skip to main content

Posts

Lists in HTML

List Today we are going  to  talk about the List. Question arises what is List ? A list is a collection of items. There are five types of list in HTML They are defined  below Ordered List Unordered List Directory List Definition List Menu List Ordered List  If you want to display items in a numbered  list  like 1,2,3,... or A,B,C... or i,ii,iii.... or I,II,III... or a,b,c....... Ordered List starts with the <ol> tag and ends with the </ol> tag. Each item starts with the <LI> tag. It is also called the Numbered List. Tags of Ordered List <ol></ol> <li></li> Attributes of Ordered List Attributes Value Description Type “1” or “I”  or “I” or  “a”  or ”A”  It specifies type of numbering's. By default the numbering Start Value To specify the starting point of the numbering. Example <html> <head> <title> ordered list </title>
Post a Comment
Read more
Recent posts

How to create HTML Forms - II

How to create HTML Form -  II In this tutorial, we will learn about    How to create HTML Form .  So far we have discussed how to  create a frame ,  tables ,  List , insert  Images ,  Linking in HTML  etc. HTML Form is one of the most important  part of the websites  Every website has Contact forms or feedback forms.. Filling the Digital forms  saves time, cost of printing, and  paperwork. Submit Button Submit button It is used for submitting the form data to the server page. Example: How to create form - Submit button Output is: How to create form- Sumit Button <Select></Select> <select></select>   It is used to create Popup menu and a List.<option></option> is used to define the option in the drop-down menu  or the list. Attributes of <select></select> Name = name - Name of the drop down menu or  list Size= value - To specify the number of visible  values. Selected - To define Pre-selected item. Multi
Post a Comment
Read more

How to create HTML Form - I

How to create HTML Form In this tutorial, we will learn about   How to create HTML Form . So far we have discussed how to create a frame ,  tables ,  List , insert Images , Linking in HTML etc. HTML Form is one of the most important  part of the websites  Every website has Contact forms or feedback forms.. Filling the Digital forms  saves time, cost of printing, and  paperwork  Before learning about how to create a Form lets understand   what is a form ? What is a form? Dictionary meaning of the form is  a blank document or template to be filled in by the user, in the same way as HTML Forms. HTML Forms are used  to gather/collect information about an user or customer, such as  his or her  e-mail address, name, address, phone, date of birth and, educational qualification etc.  <form></form> tag is used to create the HTML Form as given below. <form action="abc.php" method=""> ---------- --------- </form> Attributes
Post a Comment
Read more

HTML WEB PAGE DESIGN - How to Create simple HTML web page

How to Design Simple HTML Web page In this article, we are going to learn how to design HTML web page. This article is used to let you know, how to create a simple web page using HTML. With this article you will come to know how to create the simple web page from scratch. To create the web page one should use the editors like notepad or Dreamweaver or Notepad++ etc. Here we are using Notepad ,in this connection steps are initiated to be as following HTML  Web Page Design A web page is a part of a website, containing information about a particular topic. You can create a custom web page using HTML. You can put anything you want on your web page like images, tables, hyperlinks, etc. Open Notepad: To open the Notepad one has to go to Start -> All Programs -> Accessories ->Notepad.  Notepad Once Notepad is open write the coding their as given below 1. <HTML> is the first tag of the web page and you have to write it at the top of the no
Post a Comment
Read more

HTML FRAMES - HTML Frames Example with Output

Post Updated :16-02-2018 HTML Frames is used to display more than one file. It is used to divides the browser window into different parts or sections  i.e.  row-wise or column-wise or row and column-wise . Each section can display HTML files.To create a frame  two tags are used they are <frameset> and <frame> tag. Attributes of  <frameset>    tag 1. Cols=value is % or pixels 2. Rows= values in % or pixels Attributes of <frame> tag 1. Src= "path" 2. Name="name of the frame" 3. Border= value in pixels 4. Noresize 5. Scrolling="true" or "false" 6. Marginwidth=value in % or pixels 7. Marginheight=value in % or pixels If I want to divide the browser into two columns. The following example will be used to divide the window into 2 section. In the example given below we are using to divide the browser into equal sections i.e. 50% each. HTML Frames Example with Output Simple example of two- framed page
Post a Comment
Read more

Linking in html

Linking is used for linking the web page with the another web page. One can create linking with  <a> </a> tag. It is also called anchor tag. One can create linking with the text, linking with the image. The attribute of <a></a> href="path" target="frame name" or _top or _blank or _self or _parent Linking with the Text  One can create linking with the text. Example of it is given below   Example <html> <head> <title> linking with text </title> </head> <body> <a href="file:///C:/Program%20Files/Java/jre1.8.0_31/Welcome.html">click here</a> </body> </html> The output of the above  code is Linking with Image Now, one can also create linking with the image. Example <html> <head> <title> linking with image </title> </head> <body> <a href="file:///C:/Program%20Files/Java/jre1.8.0_31/Wel
Post a Comment
Read more

Lists in HTML - Definition List

Definition lists is used to define the term and with  its description. It starts with the <DL> and endswith the </DL> tag The data term is defined inside the <DT> and </DT> tag. The data description is defined inside the tag <DD>and  </DD>. It has no attributes. Tags of Definition List <DL></DL> <DT></DT> <DD></DD> Example  <html> <head> <title> definition list </title> </head> <body> <dl> <dt>Word</dt> <dd> word is a word processor</dd> <dt>excel</dt> <dd> Excel is a spread sheet</dd> </dl> </body> </html> This will produce the following output Menu List It is used for creating menu list. It is created with the help of   <menu></menu> and <li></li> . Example <html> <head> <title> menu list </title
Post a Comment
Read more