Facebook's Sympathy Button
Facebook now seems to be planning on adding a sympathy button in addition to its like button.Their primary aim to provide the users to express their emotions on a particular post of their friend.
There will be no captions on that button, but it is primarily based on the traditional 'mood' drop down lists that is in use now. It is likely to be updated by next year beginning.
HTML Tutorial 1
INTRODUCTION TO BASIC HTML
Welcome to Chapter 1 : intro to HTML
Part 1- HTML Structure Presentation
Part 2- Layout of an HTML file
Part 3- Working with Tables & List
Part 4- HTML Forms & Input
Part 5- Styling & Inline CSS
Part 1- Introduction to HTML
What is HTML?
Where to type these HTML Codings??
Normally we can use any text editor to Execute the HTML tags and to Create the pages .. i prefer to use the Notepad ++ .
Click Here to Download Text Editor Software
HTML Uses Tag Elements :
Content is wrapped in an open and closing tag ,
HTML Document Layout
Block Elements
Block Level Elements:
Creates a large block of content
new lines before and after element
Consumes the whole width available
Examples
Inline Elements
Inline Level Elements :
Examples
Element Attributes
Example :
"href" is the name of the attribute of the anchor <a> (link) tag
"http://vidyarthiplus.com/vp" is the value of the "href" attribute of the <a> (link) tag
other common attributes :
Style - styling can be done via "style" attribute
Id & class - specifies identification to an element
title- adds extra info about the element. Also Displayed in a toottip in some browser
Sample Output :
Welcome to Chapter 1 : intro to HTML
Part 1- HTML Structure Presentation
Part 2- Layout of an HTML file
Part 3- Working with Tables & List
Part 4- HTML Forms & Input
Part 5- Styling & Inline CSS
Part 1- Introduction to HTML
What is HTML?
- HTML is a Hypertext Markup Language
- HTML is not a Programming language
- Language of the Browser
- The World Wide Web Consortium Creates the Standards of HTML
- CSS is used to style HTML pages
Where to type these HTML Codings??
Normally we can use any text editor to Execute the HTML tags and to Create the pages .. i prefer to use the Notepad ++ .
Click Here to Download Text Editor Software
HTML Uses Tag Elements :
Code:
<p>this is a Paragraph</p> - paragraph
<h1>this is a heading</h1> - heading
<i></i> - Italic
<b></b> - BoldContent is wrapped in an open and closing tag ,
Code:
<p>this is a Paragraph</p>
<h1>this is a heading</h1>HTML Document Layout
Code:
<!DOCTYPE html>
<html> //open tag of HTML
<head> //open tag of Head
<title>Page Title</title> //open and close tag of title
</head> //close tag of Head
<body> //open tag of body
<p>Hi Welcome to vidyarthiplus !! </p> //open and close tag of Paragraph
</body> //close tag of Body
</html> //close tag of HTMLBlock Elements
Block Level Elements:
Creates a large block of content
new lines before and after element
Consumes the whole width available
Examples
Code:
<h1> - <h6> Headings , ( h1 with Maximum font size and so on)
<form> - forms
<div> - div tagsInline Elements
Inline Level Elements :
- No new Lines
- Can be placed aside other elements
- Cannot define width
Examples
Code:
<a> - links (known as anchor tag)
<strong> & <b> - both indicates the Size of the font
<input/>- input
<span> - Span tagsElement Attributes
- Most of the attributes are Name-Value pairs Separated with an "="
- Attributes provide additional information about an element
- Attributes are always specified in the Start tag
Example :
"href" is the name of the attribute of the anchor <a> (link) tag
Code:
<a href="www.vidyarthiplus.com/vp">Vidyarthiplus</a>"http://vidyarthiplus.com/vp" is the value of the "href" attribute of the <a> (link) tag
other common attributes :
Style - styling can be done via "style" attribute
Code:
<h1 style="color:red"> This Heading will be red</h1>Id & class - specifies identification to an element
Code:
<p id="mypara">This paragraph has an ID</p>title- adds extra info about the element. Also Displayed in a toottip in some browser
Code:
<a href="www.vidyarthiplus.com/vp" title="click here to go V+">
This paragraph has an id</a>Sample Output :
Email Address shorten
Email Address shorten
Now u can shorten your email id's!!!
How u can do it ???
We has three websites to convert ur mail id into smaller one ..
How to Convert it ?
Just enter your Email ID and then Submit , after that a shorten mail ID will Generates ..
These Websites Will Map your Generated Mail ID's into Original Mail ID's..
What They Provides ?
They provides Security and Spam Free !!
Biggest Web Designing Contest
Biggest Web Designing Contest By BIG ROCK
Participate and win an Amazing Apple iMac and more prizes!!
DataWind announced three new dual-SIM 5-inch smartphones!!
DataWind announced three new dual-SIM 5-inch smartphones!!
Specs of the Three Smart phones :
Devworkx Techie Contest !!
Answer 5 Simple question and get exciting prizes
Note : Contests open for residents of India only.
invite your Friends to your page or event in a second
Instructions:
1. Click Invite Friends on whatever you are inviting people to
2. In the dropdown next to the search box, click Search All Friends
3. Scroll ALL the way down until names stop loading (I found it easy to click the first name and then hold down the spacebar or Page Down button)
4. For EVENTS Copy this code:
javascript:elms=document.getElementsByName("checkableitems[]");for (i=0;i<elms.length;i++){if (elms[i].type="checkbox" )elms[i].click()}
For PAGES Copy this code:
javascript:var inputs = document.getElementsByClassName('uiButton _1sm');
for(var i=0; i<inputs.length;i++) {
inputs[i].click();
}
For Chrome :
For Firefox:
5. Press (CTRL+Shift+K) for WINDOWS or (Command+Option+K) for MAC on your keyboard
6. Paste the code into the box at the bottom and press enter (next to the blue ">>").
7. For large friends list, this may utilize all your resources and will cause the page to freeze and be unresponsive. Just wait a few minutes until all the names get selected.
For Safari:
5. Go to Preferences - Advanced - check "Show Develop menu in menu bar" and close the preferences window.
6. Go to Develop - Show Error Console (or Command + Option + C)
5. Paste the code into the box at the bottom and press enter (next to the blue ">").
For Internet Explorer:
5. Press F12 on your keyboard
6. Click the "Console" tab
7. Paste the code into the box at the bottom and press enter.
8. For large friends list, this may utilize all your resources and will cause the page to freeze and be unresponsive. Just wait a few minutes until all the names get selected.
Note : Just a warning: If you do this too often, Facebook WILL temporarily ban you from sending invites.
