Creating HTML forms

Start tag/End tag:- required/required
There are various form elements available like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.

The HTML <form> tag is used to create an HTML form and it has following syntax:

<form action="Script URL" method="GET|POST">
form elements like input, textarea etc.
</form>
AttributesDescription
AcceptSpecifies a comma separated list of content types that a server processing the form correctly.
AutocompleteSet to TRUE (the default) , if you want the browser to automatically complete data in controls like text fields based on what the user has entered before.
DIRGives the direction of neutral text. Possible values : LTR : left-to-right text or table and RTL:right-to-left text
DISABLEDSet to TRUE if the form should be disabled
ENCTYPESets the Multipurpose Internet Mail Extension (MIME) type used to encode the name/value pairs when sent to the action URL. The default is “application/x-www-form-urlencoded”, but you can also use “multipart/form-data”, which is for elements.
METHODIndicates a method or protocol for sending data to the target action URL.
NAMEGives a name to the form so you can reference it in code.
TITLEHolds additional information (which might be displayed in tool tips )for the element.

(more…)

September 24, 2016 at 4:14 pm | HTML | No comment

Using table tag in HTML

The HTML tables are created using the <table> tag in which the <tr> tag is used to create table rows and <td> tag is used to create data cells.

September 24, 2016 at 4:13 pm | HTML | No comment

Unordered List

We use <ul> tag to define unordered list
Opening tag/Eng tag : Required/required

Example

<!DOCTYPE html>
<html>
<head>
<title>Creating list</title>
</head>
<body>
<ul type="circle">
<li>First list item</li>
<li>Second list item</li>
<li>Second list item</li>
<li>Second list item</li>
</ul>
<ul type="disc">
<li>First list item</li>
<li>Second list item</li>
<li>Second list item</li>
<li>Second list item</li>
</ul>
<ul type="square">
<li>First list item</li>
<li>Second list item</li>
<li>Second list item</li>
<li>Second list item</li>
</ul>
</body>
</html>
Output
  • First list item
  • Second list item
  • Second list item
  • Second list item
  • First list item
  • Second list item
  • Second list item
  • Second list item
  • First list item
  • Second list item
  • Second list item
  • Second list item

September 19, 2016 at 5:50 am | HTML | No comment

MARQUEE Tag

The HTML <marquee> tag is used for scrolling any HTML contents displayed on a webpage either horizontally across or vertically down depending on the settings.
Start tag/end tag :- Both required

AttributeValueDescription
behaviorscroll/slide/alternateDefines the type of scrolling
bgcolorrgb color value or color namebackground color of the scrolling area
directionup/down/left/rightDefines the direction of scrolling content
heightpixels or %Defines the height of the marquee
loopnumberSpecifies how many time to loop. The default value is INFINITE
widthpixels or %Defines the width of marquee

Example -1

<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee</marquee>
</body>
</html>
Output
This is basic example of marquee

(more…)

September 16, 2016 at 1:45 am | HTML | No comment

Learning some easy and very useful tags

<B> Tag – To create bold text
Start tag & end tag :-Both required

<U> Tag – To created underlined text
Start tag & end tag :-Both required

<I> Tag – To created italic text
Start tag & end tag :-Both required

<P> Tag – is used to display text as paragraph on a webpage
Start tag & end tag :-Both required

Example code:-

<b>Bold text</b>
<u>Underline text</u>
<i>Italic Text</i>
<p>
Each and every day we take journeys. We embark on customer journeys in both the physical and digital worlds. Years ago our journeys were limited to store fronts and physical goods. Today we live in a multimedia world of websites, social media, chat sessions, newsletters, email, and call centers. These digital journeys have changed the way we interact with companies and products. Last week I decided I was going to try shopping at a new grocery store
</p>
<p>
Each and every day we take journeys. We embark on customer journeys in both the physical and digital worlds. Years ago our journeys were limited to store fronts and physical goods. Today we live in a multimedia world of websites, social media, chat sessions, newsletters, email, and call centers. These digital journeys have changed the way we interact with companies and products. Last week I decided I was going to try shopping at a new grocery store
</p>

Output:-
Bold text
Underline text
Italic Text

Each and every day we take journeys. We embark on customer journeys in both the physical and digital worlds. Years ago our journeys were limited to store fronts and physical goods. Today we live in a multimedia world of websites, social media, chat sessions, newsletters, email, and call centers. These digital journeys have changed the way we interact with companies and products. Last week I decided I was going to try shopping at a new grocery store.

Each and every day we take journeys. We embark on customer journeys in both the physical and digital worlds. Years ago our journeys were limited to store fronts and physical goods. Today we live in a multimedia world of websites, social media, chat sessions, newsletters, email, and call centers. These digital journeys have changed the way we interact with companies and products. Last week I decided I was going to try shopping at a new grocery store

September 14, 2016 at 3:46 pm | HTML | No comment

Learning BODY Tag

Start tag/End tag : Both required
Properties:-
bgcolor – bgcolor properties is used to set a background color for a webpage
text – text properties is used to set a default text color

Example code :-
<!DOCTYPE html
<html>
<head>
<title>Using BODY tag properties</title>
</head>
<body bgcolor=”lime” text=”white”>
       Your webpage contents goes here……………
</body>
</html>

September 14, 2016 at 3:24 pm | HTML | 1 comment