How To Save World !!!!!

How To Save World !!!!!

Want to learn CSS in 7 minutes?

Want to learn CSS in 7 minutes?

List of Android Mobile Secret Code

List of Android Mobile Secret Code

Below are some cool codes of Android mobile try these code on your Android mobile and enjoy.

For IMEI Number: *#06#
For Touchscreen version: *#*#2663#*#*
For RAM Memory version: *#*#3264#*#*
Executes Emergency Dial Screen to unlock PUK Code: **05**#
Enables Voice Dialing Logging Mode: *#*#8351#*#*
For FTA SW version: *#*#1111#*#*
View Phone Lock Status: *#7465625#
For FTA HW version: *#*#2222#*#*
Disables Voice Dialing Logging Mode: *#*#8350#*#*
Change behavior of Power button: *#*#7594#*#*
To test Vibration and Back-light of device: *#*#0842#*#*
To test Proximity/Distance Sensor: *#*#0588#*#*
To test Touchscreen: *#*#2663#*#*
For Audio Test: *#*#0289#*#* or *#*#0673#*#*
Field Test: *#*#7262626#*#*
To format the phone: *2767*3855#
Enter Service Menu (on New Phones): *#0*#
Diagnostic Configuration: *#9090#
To launch Service Mode: *#*#197328640#*#*
Hidden Service Menu (Motorola Droid): ##7764726
To start GTalk Monitoring: *#*#8255#*#*
Packet Loopback Test: *#*#0283#*#*
LCD Display Test: *#*#0*#*#*
To get PDA, Phone, H/W and RF Call Date: *#*#4986*2650468#*#*
Displays Build Time and Change List number: *#*#44336#*#*
USB Logging Control: *#872564#
To display Bluetooth Physic Address: #*#232337#*#
To test secret GPS: *#*#1472365#*#*
For Software & Hardware Information: *#12580*369#
To get detailed Camera Information: *#*#34971539#*#*
To display Phone Information: *#*#4636#*#*
To Restore Factory Settings: *#*#7780#*#*
To display HSDPA/HSUPA Control Menu: *#301279#
To display Wi-Fi MAC Address: *#*#232338#*#*
System Dump Mode: *#9900#
To test Bluetooth: *#*#232331#*#*
To test WiFi/Wireless LAN of phone: *#*#232339#*#* or *#*#528#*#* or *#*#526#*#*
To create Immediate backup of your multimedia files: *#*#273282*255*663282*#*#*
To test other GPS: *#*#1575#*#*

want to learn CSS & HTML in 12 minutes ?

Want to learn CSS & HTML in 12 minutes ?

Why Should I Learn Java ?

Why Should I Learn Java ?

Data Types And Variables In Java

Data Types And Variables In Java

Java | Setting Up Eclipse and Hello World Program |

Java | Setting Up Eclipse and Hello World Program |

How To Make Calculator and Get Input In JAVA Easily

Want To Get Free Domain (URL) for Your Website

Want To Get Free Domain (URL) for Your Website - http://youtu.be/VhaNjTIoEJc

I USE : Free Domain Name Registration - Get a Short .co.nr web ...
www.freedomain.co.nr/

OTHERS : Free Domain Name - GoDaddy.com‎ Get A Free Domain Now - indiagetonline.in‎
Domain Name Search and Domain Registration | WIX
Register a New Domain — Support — WordPress.com
Rs 99 India Domain Name‎
Register Domain Names at Register.com - Business Web ...
Domain Names Website Forwarding. Web Site Forwarding ...
URL Forwarding - Email Forwarding - Domain.com

Want To Get Free Hosting Easily ?

Want To Get Free Hosting Easily ? - http://youtu.be/_enxiFSDp90

WEBSITE I USE : www.2freehosting.com

Want To Be A Knowledge Freak : www.phptutor.net.in/blog

...See More

Want To Get Free Hosting Easily ?

Want To Get Free Hosting Easily ? -http://youtu.be/_enxiFSDp90 WEBSITE I USE :www.2freehosting.com Want To Be A Knowledge Freak : www.phptutor.net.in/blog ...

YOUTUBE.COM

Want To Create Your Own Wordpress Website Or Blog ?

Want To Create Your Own Wordpress Website Or Blog ? -https://www.youtube.com/watch?v=nq0vv2FUqfk

Stick Your ASS To This Channel !!

Want To Create Your Own Wordpress Website Or Blog ? - http://youtu.be/nq0vv2FUqfk 

Want Free Knowledge Bunch - www.phptutor.net.in/blog

Installing WordPress « WordPress Codex , New To WordPress - Where to Start « WordPress Codex , WordPress.com: Create a free website or blog , Using WordPress.com to Create a Website — Support ..., How to Start / Setup Your Own Blog Using WordPress ... , How to Make a Website | Step-by-Step Tutorial , How to Start a Blog - Step-by-Step Guide , WordPress.orgvs WordPress.com: A Definitive Guide For ... , How to Create a Custom Theme for Your WordPress Blog ... , How To Make a Wordpress Website - AMAZING! - YouTube , Create A Business Website

HAPPY LEARNING !!

How To Make a Blog For Free !!

Click Here To Subscribe !!

 

 

Introduction To Website !!

Click Here To Watch More Tutorials !!

HTML

       HTML or HyperText Markup Language is the

      

 standard markup language used to create web pages.

HTML is written in the form of HTML elements consisting 

of tags enclosed in angle brackets (like <html>). HTML 

tags most commonly come in pairs like <h1> and </h1>, al

though some tags represent empty elements and so are

 unpaired, f

or example <img>. The first tag in a pair is the start tag, an

d the second tag is the end tag (they are also calledopening 

tags and closing tags).

A web browser can read HTML files and compose them into

 visible or audible web pages. The browser does not display

 the HTML tags, but uses them to interpret the content of 

the

page. HTML describes the structure of a

 website semantically along with cues for presentation, 

making it a markup language rather than aprogramming 

language.

Attributes provide additional information about HTML

Attributes provide additional information about HTML elements. 

 

 HTML Attributes

• HTML elements can have attributes
• Attributes provide additional information about an element
• Attributes are always specified in the start tag
• Attributes come in name/value pairs like: name="value"

---

The lang Attribute

The document language can be declared in the <html> tag.
The language is declared in the lang attribute.
Declaring a language is important for accessibility applications (screen readers) and search engines:

Example

<!DOCTYPEhtml>

<html lang="en-US">
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

The title Attribute

HTML paragraphs are defined with the <p> tag.
In this example, the <p> element has a title attribute. The value of the attribute is "About hacktech4all":

The href Attribute

HTML links are defined with the <a> tag. The link address is specified in the href attribute:

Example

<a href="http://www.hacktech4all.blogspot.in">This is a link</a>

Size Attributes

HTML images are defined with the <img> tag.
The filename of the source (src), and the size of the image (width and height) are all provided asattributes:

Example

<img src="hacktech4all.jpg" width="104" height="142">

The alt Attribute

The alt attribute specifies an alternative text to be used, when an HTML element cannot be displayed.
The value of the attribute can be read by "screen readers". This way, someone "listening" to the webpage, i.e. a blind person, can "hear" the element.

Example

<img src="hacktech4all.jpg" alt="hacktech4all.blogspot.in" width="104" height="142"> 

Single or Double Quotes?

Double style quotes are the most common in HTML, but single style can also be used.
In some situations, when the attribute value itself contains double quotes, it is necessary to use single quotes:

Example

<p title='John "ShotGun" Nelson'>

Or vice versa:

Example

<

 

 HTML Attributes

Below is an alphabetical list of some attributes often used in HTML:

Attribute	Description
alt	Specifies an alternative text for an image
disabled	Specifies that an input element should be disabled
href	Specifies the URL (web address) for a link
id	Specifies a unique id for an element
src	Specifies the URL (web address) for an image
style	Specifies an inline CSS style for an element
title	Specifies extra information about an element (displayed as a tool tip)
value	Specifies the value (text content) for an input element.

For any other assistance watch this video 

https://www.youtube.com/watch?v=kqJNUF9c_rU

HTML TUTORIALS 03 (how to adjust header)

HTML Headings

Headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading.

Example

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Headings Are Important

Use HTML headings for headings only. Don't use headings to make text BIG or bold.
Search engines use your headings to index the structure and content of your web pages.
Users skim your pages by its headings. It is important to use headings to show the document structure.
h1 headings should be main headings, followed by h2 headings, then the less important h3, and so on.

Example

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>

The HTML <head> Element

The HTML <head> element has nothing to do with HTML headings.
The HTML <head> element only contains meta data.
The HTML <head> element is placed between the <html> tag and the <body> tag:

Example

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.

The HTML <title> Element

The HTML <title> element is meta data.
It defines the HTML document's title. It will not be displayed in the document.
However, it might be displayed in one of the browser tabs.

---

The HTML <meta> Element

The HTML <meta> element is meta data.
It defines the character set used in the HTML document.

---

More Meta Elements

In the following chapter you will learn more about meta elements:
The HTML <style> element defines internal CSS style sheets.
The HTML <link> element can define external CSS style sheets.

---

HTML Tip - How to View HTML Source

Have you ever seen a Web page and wondered "Hey! How did they do that?"
To find out, right-click in the page and select "View Page Source" (in Chrome) or "View Source" (in IE), or similar in another browser. This will open a window containing the HTML code of the page.

HTML Tag Reference

' tag reference contains additional information about these tags and their attributes. You will learn more about HTML tags and attributes in the next chapters of this tutorial.

Tag	Description
<html>	Defines an HTML document
<body>	Defines the document's body
<head>	Defines the document's head Element
<h1> to <h6>	Defines HTML headings
<hr>	Defines a horizontal line

   click here to watch video tutorial

HTML TUTORIALS 04 (how to text paragraph for web page)

HTML Paragraphs

HTML <p> element defines a paragraph.

Example

<p>This is a paragraph</p> <p>This is another paragraph</p>

---

HTML Display

You cannot be sure how HTML will be displayed.
Large or small screens, and resized windows will create different results.
With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.
The browser will remove extra spaces and extra lines when the page is displayed.
Any number of spaces, and any number of new lines, count as only one space.

Example

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

Don't Forget the End Tag

Most browsers will display HTML correctly even if you forget the end tag:

Example

<p>This is a paragraph <p>This is another paragraph

HTML Line Breaks

The HTML <br> element defines a line break.
Use <br> if you want a line break (a new line) without starting a new paragraph:

Example

<p>This is<br>a para<br>graph with line breaks</p>

The Poem Problem

Example

<p>This poem will display as one line:</p>

<p>

  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.

</p>

  

The HTML <pre> Element

The HTML <pre> element defines a block of pre-formatted text, with structured spaces and lines.
To display anything, with right spacing and line-breaks, you must wrap the text in a <pre> element:

Example

<p>This will display as a poem:</p>

<pre>

  My Bonnie lies over the ocean. 
  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.

</pre>

 


click on this text to watch video tutorial  

HTML 05 ( COMMENTS )

HTML Comments

Comment tags <!-- and --> are used to insert comments in HTML.

 

HTML Comment Tags

You can add comments to your HTML source by using the following syntax:

Example

<!-- Write your comments here -->

Comments are not displayed by the browser, but they can help document your HTML.
With comments you can place notifications and reminders in your HTML:

Example

<!-- This is a comment -->

<p>This is a paragraph.</p> 
<!-- Remember to add more information here -->

Comments are also great for debugging HTML, because you can comment out HTML lines of code, one at a time, to search for errors:

Example

<!-- Do not display this at the moment
<img border="0" src="pic_mountain.jpg" alt="Mountain">
-->

Conditional Comments

You might stumble upon conditional comments in HTML:

<!--[if IE 8]>
    .... some HTML here ....
<![endif]-->

Conditional comments defines HTML tags to be executed by Internet Explorer only.

  CLICK TO WATCH TUTORIAL ON YOUTUBE

 

HTML 06 (HTML Styles - CSS)

HTML Styles - CSS

Example

<!DOCTYPE html>
<html>

<head>
<style>
  body {background-color:lightgray}
  h1   {color:blue}
  p    {color:green} </style>
</head>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
</body>

</html>

Styling HTML with CSS

CSS stands for Cascading Style Sheets
Styling can be added to HTML elements in 3 ways:

• Inline - using a style attribute in HTML elements
• Internal - using a <style> element in the HTML <head> section
• External - using one or more external CSS files

The most common way to add styling, is to keep the CSS syntax in separate CSS files. But, in this tutorial, the examples are internal, and simplified, to make it easier for you understand it, and try it yourself.

CSS Syntax

CSS styling has the following syntax:

element { property:value ; property:value }

The element is an HTML element name. The property is a CSS property. The value is a CSS value.
Multiple styles are separated with semicolon.

---

Inline Styling (Inline CSS)

Inline styling is useful for applying a unique style to a single HTML element:
Inline styling uses the style attribute.
This inline styling changes the text color of a single heading:

Example

<h1 style="color:blue">This is a Blue Heading</h1>

Internal Styling (Internal CSS)

An internal style sheet can be used to define a common style for all HTML elements on a page.
Internal styling is defined in the <head> section of an HTML page, using a <style> element:

Example

<!DOCTYPE html>
<html>

<head>
<style>
  body {background-color:lightgrey}
  h1   {color:blue}
  p    {color:green} </style>
</head>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
</body>

</html>

 

External Styling (External CSS)

External style sheet are ideal when the style is applied to many pages.
With external style sheets, you can change the look of an entire site by changing one file.
External styles are defined in the <head> section of an HTML page, in the <link> element:

Example

<DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css"> </head>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
</body>

</html>

CSS Fonts

The CSS property color defines the text color to be used for an HTML element.
The CSS property font-family defines the font to be used for an HTML element.
The CSS property font-size defines the text size to be used for an HTML element.

Example

<!DOCTYPE html> <html>

<head>
<style>
h1 {
    color:blue;
    font-family:verdana;
    font-size:300%;
}
p  {
    color:red;
    font-family:courier;
    font-size:160%;
}
</style>
</head>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
</body> 
</html>

The CSS Box Model

Every visible HTML element has a box around it, even if you cannot see it.
The CSS border property defines a visible border around an HTML element:

Example

p {
    border:1px solid black;
}

The CSS padding property defines a padding (space) inside the border:

Example

p {
    border:1px solid black;
    padding:10px;
}

The CSS margin property defines a margin (space) outside the border:

Example

p {
    border:1px solid black;
    padding:10px;
    margin:30px;
}

The id Attribute

All the examples above use CSS to style HTML elements in a general way.
The CSS styles define an equal style for all equal elements.
To define a special style for a special element, first add an id attribute to the element:

Example

<p id="p01">I am different</p>

then define a different style for the (identified) element:

Example

p#p01 {
    color:blue;
}

The class Attribute

To define a style for a special type (class) of elements, add a class attribute to the element:

Example

<p class="error">I am different</p>

Now you can define a different style for this type (class) of element:

Example

p.error {
    color:red;
}

Deprecated Tags and Attributes in HTML5

In older HTML versions, several tags and attributes were used to style documents.
These tags are not supported in HTML5.
Avoid using the elements: <font>, <center> and <strike>.
Avoid using the attributes: color and bgcolor.

---

Chapter Summary

• Use the HTML style attribute for inline styling
• Use the HTML <style> element to define internal CSS
• Use the HTML <link> element to define external CSS
• Use the HTML <head> element to store <style> and <link> elements
• Use the CSS color property for text colors
• Use the CSS font-family property for text fonts
• Use the CSS font-size property for text sizes
• Use the CSS border property for visible element borders
• Use the CSS padding property for space inside the border
• Use the CSS margin property for space outside the border