Showing posts with label HTML CODES. Show all posts

Friday, 19 July 2013

ADVANCED ATTRIBUTES IN HTML

0 comments 01:57 Posted by Unknown
Labels: HTML CODES, INTERNET, WEB DESIGN, WEB TRICKS

In that post you will learn that, how to customize attributes in tags in HTML like <button>, <marquee> etc.

you can customize the various attributes like width, height, colors etc in html. In that post you will found mainly three tags that are important in html.

1.) THE MARQUEE TAG:-generally, marquee tag is a stylish tag. You can customize the various attributes in that tag like SCROLLAMOUNT, BEHAVIOUR, and ONMOUSE etc.

SCROLLAMOUNT: You can change the speed of moving text by changing it.

EXAMPLE:-

SCROLLAMOUNT="10"

SCROLLAMOUNT="100"

BEHAVIOR:- BY the behavior tag, You can change the behavior of text or image under the marquee tag.

EXAMPLE:-

behavior="alternate"

behavior="scroll”

behavior="slide"

onmouseover="stop()":- when you put cursor on the text under marquee tag then the onmouseover will stop the marquee text in the browser.

onmouseout="start()":- When you move out cursor from the marquee text then it will start the marquee text in the browser.

TO CHECK OUT THE FOLLOWING CODE, PASTE THE FOLLOWING CODE IN NOTEPAD AND SAVE IT AS abc.html

<html>

<body>

<marquee SCROLLAMOUNT="50" behavior="alternate" onmouseover="stop()" onmouseout="start()">CYBER SOLUTIONS</marquee>

</body>

</html>
*** SOME TIMES THAT ATTRIBUTE DID NOT WORK IN CHROME

THE OUTPUT OF ABOVE CODE IS:-

CYBER SOLUTIONS

2.) FORMATTED TEXT:- IN HTML you can change the format of text in any way by changing the attributes such as font-family, font-size, font-weight, color.

Font-family: there are many type types of font families like LED, MONOTYPE, ARIAL BLACK and etc.

EXAMPLE:

font-family: 'Monotype Corsiva'

font-family: 'ARIAL BLACK'

font-family: 'LED'

font-size:you can change the size of text by change the value in font-size.

Example:

font-size: 40px

font-size: 20px

font-weight:-you can change the weight of text by changing the value of that attribute.

Example:

font-weight: lighter;

font-weight: heavy;

color: you can change the color of text by changing the hex-code in color attribute. You can find the hex-code of your favorite color here:-linkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk

TO CHECK OUT THE FORMATTED TEXT: PASTE THE FOLLOWING CODE IN NOTEPAD AND SAVE IT AS format.html

<html>

<body>

<title>formatted text</title>

YOUR-TEXT-HERE</h1>

</body>

</html>

THE OUTPUT OF ABOVE CODE IS:

YOUR-TEXT-HERE

BUTTON:- By the button tag you can link any page to it. You can customize it by changing the attributes like size of button, z-index etc.

For check out this, paste the following code in notepad, and save it as button.html

<html>

<body>

<title>button</title>

<button style="z-index: 1; left: 526px; top: 288px; position: absolute; height: 44px; width: 275px">CYBER SOLUTIONS</button>

</body>

</html>

NOTE:- IF YOU GOT STUCK AT ANY POINT, PLEASE LEAVE A COMMENT FOR US. AND DON'T FORGET TO SUBSCRIBE US FOR LATEST UPDATES.

Thursday, 4 July 2013

DECRYPT PASSWORD FROM ASTERISK FORM

0 comments 03:27 Posted by Unknown
Labels: HTML CODES, INTERNET, SOFTWARE, WEB TRICKS

DECRYPT PASSWORD FROM ASTERISK FORM

Java-scripts plays a major role in web maintaining. It is majorly used in form tags like form validation,alerts and etc. you can decry-pt the password from asterisk form. You can use this java script in any browser like Google chrome, opera, safari, internet explorer. You have to create a bookmark.
For create it follow the steps:-
STEP 1)Open your browser(EXAMPLE GOOGLE CHROME) .
STEP 2)Crete a bookmark, rename it as “passwords”

STEP 3)Now paste the following code in URL box.
javascript: var p=r(); function r(){var g=0;var x=false;var x=z(document.forms);g=g+1;var w=window.frames;for(var k=0;k<w.length;k++) {var x = ((x) || (z(w[k].document.forms)));g=g+1;}if (!x) alert('Password not found in ' + g + ' forms');}function z(f){var b=false;for(var i=0;i<f.length;i++) {var e=f[i].elements;for(var j=0;j<e.length;j++) {if (h(e[j])) {b=true}}}return b;}function h(ej){var s='';if (ej.type=='password'){s=ej.value;if (s!=''){prompt('Password found ', s)}else{alert('Password is blank')}return true;}}

NOTE:-when you see stored passwords in any web page,then click on this bookmark, and enjoy it.
IF YOU HAVE ANY PROBLEM REGARDING THIS POST, PLEASE POST A COMMENT.
THIS TRICK IS ONLY FOR EDUCATIONAL PURPOSE

3 IMPORTANT FORM TAGS IN HTML

0 comments 03:18 Posted by Unknown
Labels: HTML CODES, INTERNET, WEB DESIGN

3 IMPORTANT FORM TAGS IN HTML

In HTML forms are widely used, and a well designed form is necessary for a good website. In this article, you will learn 3 important tags that are most important in forms designing in HTML.
FORM DESIGNING IN HTML IS VERY SIMPLE.THERE ARE 3 HTML TAGS THAT ARE VERY IMPORTANT IN FORM DESIGNING.
1.)LABELS: each form field have its own label.
FOR Example:
<html>
</body>
<form>
<label for=”key”>key</label>
<input name=“key” id=”key”>
</form>
</body>
</html>
the output of the above code is:

Labels have the bonus of browsers rendering the labels themselves click able, putting the focus on the particular form field.
Both name and Id attributes are typically required.
2 LEGEND AND FIELDSET:-by legand tag you can group the fields in a manner,say(name-first,middle,last) or address(street,area,city,state etc).you can set a caption with the legand tag.
FOR EXAMPLE:-
<html>
<head>
<title>LEGEND AND FIELDSET </title>
</head>
<body>
<form>
<form action="abc.cgi" >
<fieldset>
<legend>YOUR NAME</legend>
<p>First NAME <input name="FIRSTName"></p>
<p>MIDDLE NAME <input name="MIDDLENAME"></p>
<p>Last NAME <input name="lastNAME"></p>
</fieldset>
<fieldset>
<legend>ADDRESS</legend>
<p>STREET<textarea name="STREET"></textarea></p>
<p>AREA <textarea name="AREA"></textarea></p>
<p>CITY <textarea name="CITY"></textarea></p>
<p>PIN CODE <input name="PINCODE"></p>
</fieldset>
</form>
</body>
</html>
the output of above code is:
most of the browsers represent field sets with a border surrounding them.
3.)OPTION GROUP:-the optgroup tag groups the option in a particular select box with a heading.but it requires a label attribute by which it can display a non selectable heading that group a number of option in drop down list in browser.
FOR EXAMPLE:-
<html>
<head>
<title>option group</title>
</head>
<body>
<form>
<select name="FOOD">
<optgroup label="DRINK">
<option value="TEA">TEA</option>
<option value="BEAR">BEAR</option>
<option value="COFFEE">COFFEE</option>
</optgroup>
<optgroup label="PIE">
<option value="SQURE">SQURE</option>
<option value="RECTANGLE">RECTANGLE</option>
<option value="CIRCLE">CIRCLE</option>
</optgroup>
<optgroup label="HOT">
<option value="BURGER">BURGER</option>
<option value="HOT DOG">HOT DOG</option>
<option value="usa">BUN</option>
</optgroup>
</select>
</form>
</body>
</html>

the output of the above code is:-

There are many other tags that can be used in designing of forms in html. We will post the other tags in our next post. If you have any confusion regarding these tags, then please post your comments below the post
AND SUBSCRIBE US FOR LATEST POSTS

BHATI TRICKS

Friday, 19 July 2013

ADVANCED ATTRIBUTES IN HTML

YOUR-TEXT-HERE

Thursday, 4 July 2013

DECRYPT PASSWORD FROM ASTERISK FORM

3 IMPORTANT FORM TAGS IN HTML

the output of the above code is:-

JOIN US AT FACEBOOK

GOOGLE THE SITE

CATEGORIES

ABOUT THE AUTHOR

recent comments

BHATI TRICKS

Friday, 19 July 2013

ADVANCED ATTRIBUTES IN HTML

YOUR-TEXT-HERE

Thursday, 4 July 2013

DECRYPT PASSWORD FROM ASTERISK FORM

3 IMPORTANT FORM TAGS IN HTML

the output of the above code is:-

JOIN US AT FACEBOOK

GOOGLE THE SITE

CATEGORIES

ABOUT THE AUTHOR

GET FREE EMAIL UPDATES

recent comments